I’m having issues with the side navigation of a website I’m designing. In IE 8 it displays as a horizontal list instead of a vertical list (as it does in all the other browsers) and in IE 7 it displays vertically with the "stepdown" bug that IE is also known for. I’ve reset/validated my CSS and tried implementing the IE bug fixes posted by CSS Tricks and other resources, but I’m just not seeming to get it… Can anyone provide me with assistance on this problem? I’m extremely appreciative of any help I can get.
I’m referring to the side navigation that displays the various car models. Please let me know if it would be better to provide the entire HTML for this page.
The page link:
Here is the side navigation HTML:
Here is the side navigation CSS:
Thanks for your help! That fixed the main side navigation perfectly! I must have somehow put "display: inline" there during my attempts to troubleshoot the problems in IE. The addition of the "li" width is definitely what did it.
Unfortunately I’m still having an issue in IE7 with the second level of the navigation "ul#inner" being too far away from the main side navigation. I thought it was the double margin bug so I switched the margin to padding and it seemed to give the same effect. Do you have any suggestions for this?
Again, thank you for taking the time to provide me with assistance!
You must be logged in to reply to this topic.