Chrome last <li> margin problem

This site is best viewed in a modern browser with JavaScript enabled.

Jonas_

Hi, I've made 2 lists and on both the third element gets a margin on the top in chrome only.

Css

#service ul, #about ul, #footer ul{
    list-style-type: none;
    display: inline;
}
#service li{
    float: left;
    width: 312px;
    height: 285px;
    padding-left: 29px;
}

Heres the link as well: Test server

Help is much appreciated.

rtrethewey

Chome is rendering the <ul> tag in a different position than the other browsers, just above the third <li> box. Try removing the display:inline rule. It isn't clear to me why that's necessary, and it may fix the issue.