Border Problem in IE

[wastlinger]

I frequently have problems getting border to display properly in IE.

The following site

http://www.casac.co.uk

has a

border-bottom: 1px solid black;

which divides the header and navigation area from the content area. It displays OK in Firefox but not IE.

Does IE have problems displaying borders properly or is it something to do with my code?

Thanks in advance for any help.

[Fang]

Show your code

[wastlinger]

Hi Fang.

Sorry about that. Forgot to include the url to the site.

Regards,

Wastlinger

[Fang]

Add to .cms_navigation height:1%; and remove from .level1 li position: relative;

This gives .cms_navigation hasLayout (http://msdn.microsoft.com/library/default.asp?url=/library/en-us/IETechCol/cols/dnexpie/expie20050831.asp)
Microsoft recommends not using position: relative; unless it's strictly necessary.

[slaughters]

The problem seems to be in the CSS ".content" class in the containing DIV tag.

Remove the "position : relative;" reference and the border shows fine in both IE and Firefox. I'm not quite sure why it happens this way, but it does not look like you really need the "position : relative;" in the ".content" class anyway.

[wastlinger]

Thanks. Problem solved, using fang's suggestion.