Does anyone know how to make the following centered floated "unknown width"
menu into a fully-fledged single-level drop menu? (as copied from
http://www.cssplay.co.uk/menus/centered.html):
#menu2 {
display:table;
padding:0;
margin:0 auto;
list-style-type:none;
white-space:nowrap;
}
#menu2 li {
display:table-cell;
}
* html #menu2 li {
float:left;
}
#menu2 a {
width:auto;
display:block;
padding:4px 16px;
color:#fff;
background:#08c;
border:1px solid #fff;
text-decoration:none;
}
* html #menu2 a {
float:left;
}
#menu2 a:hover {
color:#000;
background:#d4d4d4;
}
..container {clear:both; text-decoration:none;}
* html .container {display:inline-block;}
- - - - - - - - - - - -
<del class="container">
<ul id="menu2">
<li><a href="#nogo">Tab One</a></li>
<li><a href="#nogo">Tab Two: Longer</a></li>
<li><a href="#nogo">Tab Three: Longest</a></li>
<li><a href="#nogo">Tab Four</a></li>
</ul>
</del>
