IE8/9 vs. Chrome... (css)

[Pheddy]

Hi. I have a linkbar on this address http://www.itcenterfyn.dk where the css behind insert an image in the linkbar but this is full width in IE8/9 but not in chrome, and witdh/min-witdh aint working

#bartabs ul {
    margin: 0 ;
    padding: 0 ;
    list-style: none ;
    display: inline ;
}
#bartabs ul li {
    margin: 2 ;
    padding: 0 ;
    display: inline ;
    text-align: center ;
    list-style: none ;
    font-family: Arial, Helvetica, sans-serif ;
}
#bartabs li a {
    color: #000000 ;
    background-image:url('topmenu_button_grey.png');
    border: 0px outset #000000 ;
    padding: 8px ;
    text-decoration: none ;
    display: inline ;
    width: 107px ;
    height: 32px ;
}
#bartabs li a:hover {
    color: #000000 ;
    background-image:url('topmenu_button_blue2.png');
}
 

Does anybody see the error here?

Regards.

[JKing]

Try setting your #bartabs li a to display:block. On your #bartabs ul li add float:left and remove display:inline; . Inline elements don't play nice with width.

[drhowarddrfine]

Well, I'm confused because I don't see any difference.

[Pheddy]

Seems to be the right way to go! Still some problems with the way it looks.. Please see picture, but definetly on the way :D

Thanks.

[Pheddy]

... Sorry, just had to adjust pixels :D Thanks for the answer JKing!

Regards.