I have a website design that works flawlessly in Firefox. I’ve used the IE style sheet to redirect IE to use:
<link rel="stylesheet" type="text/css" href="css/ie.css" />
However, I’ve fixed the positions in IE but I cannot get the menu to appear in IE7. I had to do a little tweaking to the li style to get it to work in Firefox but I am stumped as to how to make this work in IE7. The coding for the li was done within the page itself instead of the css file(s). Can anyone give me any guidance as to how to make it work?
I see the problem you are having but I’m having a hard time troubleshooting it just because of how complicated it has become. There are inline styles and css styles and ie-specific css styles… I think you just got yourself too tangled up in something that really shouldn’t be this complicated. Even the div that the menu resides in (#top-col) has a set height value and then the individual menu items are pushed out of it with the top margin on the <li> elements. I suspect that is what IE is getting confused with. Maybe try to get that menu out of #top-col and into #main-content, looks like that is more the place it belongs.