# List Items Display wrong in IE?

**URL:** <https://forum.kirupa.com/t/list-items-display-wrong-in-ie/264700>\
**Category:** web dev\
**Created:** [June 29, 2008, 1:59am UTC](https://forum.kirupa.com/t/list-items-display-wrong-in-ie/264700 "2008-06-29T01:59:30Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nick5185](https://avatars.discourse-cdn.com/v4/letter/n/e95f7d/32.png) [@Nick5185](https://forum.kirupa.com/u/Nick5185)\
**Post date:** [June 29, 2008, 1:59am UTC](https://forum.kirupa.com/t/list-items-display-wrong-in-ie/264700/1 "2008-06-29T01:59:30Z")

</div>

Hello,

Im working on my site at:  
[http://www.esrevnidesigngroup.com/test](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](http://www.esrevnidesigngroup.com/test/css/style.css)

Thanks!

---

<div class="post-metadata">

**Author:** ![Nick5185](https://avatars.discourse-cdn.com/v4/letter/n/e95f7d/32.png) [@Nick5185](https://forum.kirupa.com/u/Nick5185)\
**Post date:** [June 29, 2008, 4:31am UTC](https://forum.kirupa.com/t/list-items-display-wrong-in-ie/264700/2 "2008-06-29T04:31:22Z")

</div>

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 {}

---

<div class="post-metadata">

**Author:** ![sidhu](https://avatars.discourse-cdn.com/v4/letter/s/9fc348/32.png) [@sidhu](https://forum.kirupa.com/u/sidhu)\
**Post date:** [July 1, 2008, 12:25pm UTC](https://forum.kirupa.com/t/list-items-display-wrong-in-ie/264700/3 "2008-07-01T12:25:11Z")

</div>

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](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](http://www.esrevnidesigngroup.com/test/css/style.css)

Thanks![/quote]