Question

I’m having an issue with IE 6 and 7 on a site I am building, which you can see here. There is some extra space suddenly appearing between the sidebar and the unordered list for the menu.

Here’s IE6

Here’s IE7

Here’s IE8

and IE9 works as well

As you can see, IE8 and IE9 work fine. The menu butts up against the sidebar. I have been fooling with it for awhile but haven’t been able to fix it.

The HTML structure is just a div > ul > li a

I’ve zeroed everything out too with a CSS reset before writing any code. Does anyone have any idea what is causing this?

Thanks a ton for the help

Answer 1

Try adding display: inline, float: left, and width: 100% to your lis.

DEMO

Tested in Browserling.