Question

I have a dropdown menu I created and IE7 has decided to create some margin between each list item on the dropdown selections even though the list items have no margin or padding.

You can see it here: http://www.condorstudios.com/stuff/temp/index.php

Answer 1

You could solve this pretty quickly by setting the background color of the parent div to the same as the background color of the list items. You’ll always find quirks with Internet Explorer and margins, padding, widths, etc.

This CSS should also work (IE pads all list items), but I’d test this first to see how it changes the layout on other browsers.

li {
    margin:0px;
    padding:0px;
}

Depending on how ‘hacky’ you want to get, there are ways of including CSS that only IE-6,7,8 will interpret: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/ Scroll down to the ‘Hacks’ section.