Проблема с CSS
 

Я хочу поставить это горизонтальное меню http://4dle.uz/2007/11/27/gorizontal...lock_menu.html

вот CSS этого меню:
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(/blockactive.gif) center center repeat-x;
}

Я хочу его сделать по центру но когда меняю это:

.solidblockmenu{
margin: 0;
padding: 0;
float: center;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: center;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(/blockactive.gif) center center repeat-x;
}

тогда оно ставится по центру но пропадает бэкграундное изображение

Короче, засовывай его в таблицу. ПОМОГЛО ))) по другому никак с этой заразой не справиться )))) Только по краям некрасиво!

<table align="center">
<tr>
<td>
<ul class="solidblockmenu">
<li><a href="/" title="Домой">Домой</a></li>
<li><a href="/" title="PHP">PHP</a></li>
<li><a href="/" title="JavaScript">JavaScript</a></li>
<li><a href="/">JavaScript</a></li>
<li><a href="/" title="CSS" class="current">CSS</a></li>
<li><a href="/" title="Контакты">Контакты</a></li>
</ul>
<br style="clear: left" />
</td>
</tr>
</table>

Да, помогло но смотрится просто ужасно вот скрин:

Можно ли как то заполнить пространство которое позади меню? отмечено стрелочками

Короче чтоб было красиво я на скорую руку сделал так: картинка bl.jpg высотой 36. и видом как чёрная картинка.

<table width="100%" background="bl.jpg" cellpadding="0" cellspacing="0">
<tr>
<td >
<table align="center" cellpadding="0" cellspacing="0" ><tr> <td> <ul class="solidblockmenu">
<li><a href="/" title="Домой">Домой</a></li>
<li><a href="/" title="PHP">PHP</a></li>
<li><a href="/" title="JavaScript">JavaScript</a></li>
<li><a href="/">JavaScript</a></li>
<li><a href="/" title="CSS" class="current">CSS</a></li>
<li><a href="/" title="Контакты">Контакты</a></li>
</ul>
<br style="clear: left" /></td>
</tr>
</table>
</td>
</tr>
</table>

Результат

Супер!!! то что надо! спасибо.