Forums / Setup & design / IE renders top menu incorrectly

IE renders top menu incorrectly

Author Message

Ian Trider

Saturday 15 October 2005 8:53:33 am

Hello,

On the eZ Publish site I am working on, I am having trouble getting IE to render the topmenu and submenu correctly -- the template is a modification of corporate, and there is a gap of 20px between it and the outer div when viewed in IE. The page displays perfectly in firefox.

I'm stumped. Are there any CSS wizards out there who could take a stab at why IE is rendering it this way?

http://iantri.ath.cx/ezpublish/index.php/corporate/products

Michael D.

Tuesday 18 October 2005 7:17:31 am

A good practice in general is to validate your CSS first:
http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=0&uri=http%3A//iantri.ath.cx/ezpublish/index.php/corporate/products

It shows 2 errors of which one might be the culprit:

div#toolbar-top {
padding: 0px 0 0 0 px;
...
}

You could also write it like this:

div#toolbar-top {
padding: 0;
...
}

Less code, less error prone.

The other error is just a spelling mistake.

If fixing the first error doesn't solve your IE problem, try asking for help in place more suited for this kind of question:
http://www.csscreator.com/css-forum/

You can bet that there are quite some CSS wizards and it is a good place for CSS information in general.