css overlapping issues in I.E Options

[EviL-jt]

Could sombody help me please!

I am creating a css template for a site this is my first attempt it works exactly as I want in every browser
except the most widely used one!


Look at it in I.E



Thank you in advance for any replies, really want to know where i'm going wrong!

[non-profit]

Could sombody help me please!

I am creating a css template for a site this is my first attempt it works exactly as I want in every browser
except the most widely used one!


Look at it in I.E



Thank you in advance for any replies, really want to know where i'm going wrong!

--------
One explanation is at http://webdesign.about.com/od/css/a/aaboxmodelhack.htm.

[Frederiek]

Or here: http://www.positioniseverything.net/

For a choice of 40 CSS layouts, see http://blog.html.it/layoutgala/

[pandy]

Well, it's hardly a box model problem since the doctype triggers Standards Mode. You seem to have forgotten to eliminate margin/padding on the list elements and that forced height (that's obviously too small) on then navbar somehow screw things up. I didn't dig deep enough to figure out how that happens.

CODE

div.navbar { height: auto }
ul,li   { margin: 0; padding: 0 }

Add back the margin/padding you want, if any. And rather remove the 'height: 30px' from the rule for .navbar than adding 'height: auto'. Just did it to nullify your declaration.

[EviL-jt]

Thanks Pandy. Stupid mistake but I'm still learning.