CSS - Displaying incorrectly in IE

[adammc]

Hi guys,

Im hoping a CSS whizz can find an error in this code as I cannot for the life of me work out why content held in the 'main' div is appearing outside / overlapping the edge of the site design?

It loads perfectly in Firefox

#wrap {
width: 820px;
background: #CCC url(content.jpg) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 760px;
padding: 0; 
margin: 10px auto;
}
/* Main Column */
#main {
float: left;
width: 70%;
padding: 0; margin: 0 0 0 5px;
display: inline;
} 

Any help would be greatly appreciated :)

[Robin_reala]

I can't see anything wrong with the code (apart from the usual warning about mixing pixels and percentages inside a fixed pixel container. IE6 will expand boxes beyond their set width there's an element inside that's bigger, so what happens if you add

#main * { display:none;}

to your stylesheet? If that fixes the problem then you know it's something inside main that's causing the issue and you can start narrowing down onto it.

[adammc]

I had an error in my html template, thank you anyway :)