[CSS] 2 regels met width:100%

[Nego]

Heey,

Ik ben op het moment aan het prutsen met tabbladen Ik heb nu deze CSS die hieronder staat die ook werkt met lists ipv divs. Nu werkt het bijna perfect alleen is er 1 probleem. Als ik de hoogte op AUTO instel (31 px) zie krijg ik de laatste entry op een 2e regel.

Zie hieronder voor voorbeeld:
http://img135.imageshack.us/img135/3221/tabspw5.jpg

Zonder height attribuut doet hij het trouwens wel netjes plaatsen dus ik vind het een beetje vreemd:
http://img339.imageshack....295/tabsnoneheightiw5.jpg

* Page tabs */
#tabcontainer{
float:left;
text-align: center;
width: 100%;
padding:0;
margin:0;
}
#tabcontainer li{
float:left;
padding:0;
margin:0;
height:30px;

}
#tabcontainer ul {
list-style:none;
padding:0;
margin:0;
}
.tabselected{
background-position: bottom center;
background-image: url('Images/Tab_Select_Middle.gif');
background-repeat: repeat-x;
padding:0;
margin:0;
color: #800000;
font-size: 18px;

}
.tabselectedleftedge{
background-position: bottom center;
background-image: url('Images/Tab_Select_EdgeEndLeft.gif');
background-repeat: no-repeat;
width:12px;
padding:0;
margin:0;
}
.tabselectedrightedge{
background-position: bottom center;
background-image: url('Images/Tab_Select_EdgeEndRight.gif');
background-repeat: no-repeat;
width:12px;
padding:0;
margin:0;
}
.tabselectedleft{
background-position: bottom center;
background-image: url('Images/Tab_Select_EdgeLeft.gif');
background-repeat: no-repeat;
width:21px;
padding:0;
margin:0;
}
.tabselectedright{
background-position: bottom center;
background-image: url('Images/Tab_Select_EdgeRight.gif');
background-repeat: no-repeat;
width:21px;
padding:0;
margin:0;
}
.tabunselected{
background-position: bottom center;
background-image: url('Images/Tab_UnSelect_Middle.gif');
background-repeat: repeat-x;
padding:0;
margin:0;
color: #800000;
font-size: 18px;
}
.tabunselectedleftedge{
background-position: bottom center;
background-image: url('Images/Tab_UnSelect_EdgeEndLeft.gif');
background-repeat: no-repeat;
width:12px;
padding:0;
margin:0;
}
.tabunselectedrightedge{
background-position: bottom center;
background-image: url('Images/Tab_UnSelect_EdgeEndRight.gif');
background-repeat: no-repeat;
width:10px;
padding:0;
margin:0;
}
.tabunselectedleft{
background-position: bottom center;
background-image: url('Images/Tab_UnSelect_EdgeLeft.gif');
background-repeat: no-repeat;
width:20px;
padding:0;
margin:0;
}
.tabunselectedright{
background-position: bottom center;
background-image: url('Images/Tab_UnSelect_EdgeRight.gif');
background-repeat: no-repeat;
width:20px;
padding:0;
margin:0;
}

 

[hakkill]

En met:

height: 100%;

?