Problems with IE6 Layout

[tiger]

Hi, Guys. AM creating a site

http://www.exploitation.org.uk/

Everything is how I want it to appear in Firefox, but.....in IE everything appears out of synce.

Any ideas why? Cannot seem to think why this is...think have been staring at it for to long..

Hope someone can help cheers guys.

PS.
The style sheet is at the following address

ExploitStyle.css

[Pheonix]

Can't spot anything obvous, however acording to the w3c css validator

Line: 143 Context : *

Parse Error - *html #navlist li{ width:214px; }

Not sure if that will actualy fix anything.
Try useing absolut postioning for your elements, IE has a harder time screwing those up.

[D3mon]

The core problem in cases like this is usually IE's poor interpretation of the CSS box model and its own 'preset' values for common CSS and HTML elements.
Try starting your stylesheet with:

Code: Select all

* { margin:0;padding:0 }

While this may initially screw all your layout, it will level the playing field between different browsers and allow you to specify your own exact margins and padding for each element, which should then appear correctly in almost all browsers.

In addition, when defining your new margin and padding values, try to avoid defining both a margin and a padding to the same element.