List Items Display wrong in IE?

programming web dev
1

Hello,

Im working on my site at:
http://www.esrevnidesigngroup.com/test

Everything looks good in Firefox but my menu in IE is adding some weird margin-top to every subsequent list item. I spent sometime in firebug and Ie Developer tool but can’t see why IE is doing this.

I have ie7 on my computer and the css file is at:
http://www.esrevnidesigngroup.com/test/css/style.css

Thanks!

2

I figured it out…

Some went wrong when the float left was placed in the
ul li a {}

just moved it to the

ul li {}

3

ul#nav {
margin: 1px 0 0 183px;
padding: 0;
width: 100%;
list-style-type:none;
}
ul#nav li {
display:block;
float:left;
}

    ul#nav li a {
    text-align:center;
        display: block;
        height: 24px;
        width: 75px;
        padding: 0px;;
        margin:0px;
        line-height:24px;
        float: left;
        color: black;
        font-weight: bold;
        text-decoration: none;
    }
        ul#nav li a:hover {
        color:#fff;
            background:#000000;
        }

[quote=Nick5185;2350837]Hello,

Im working on my site at:
http://www.esrevnidesigngroup.com/test

Everything looks good in Firefox but my menu in IE is adding some weird margin-top to every subsequent list item. I spent sometime in firebug and Ie Developer tool but can’t see why IE is doing this.

I have ie7 on my computer and the css file is at:
http://www.esrevnidesigngroup.com/test/css/style.css

Thanks![/quote]