Horizonal Unordered List in IE

[glenelkins]

Hi

 

I have the following CSS which creates a horizonal looking unordered list. It works fine in Firefox, but its still vertically displayed in IE???

 

#tab_container {

float: left;

padding-left: 148px;
padding-top: 10px;

}

.tabs {

display: table;

padding: 0px;
margin: 0px;


}


.tabs li {

display: table-cell;


list-style-type: none;

}


.tabs a:link, a:visited {

display: block;

margin-left: 10px;

color: #FFFFFF;

text-decoration: none;

width: 110px;


}


.tabs a:hover {

text-decoration: underline;

}

[ToonMariner]

float your li left...

[glenelkins]

that simple, worked thanks!