CSS - топ меню с таблицами - Вопросы по CSS

<table width="100%" border="0" cellpadding="0" cellspacing="1"><tr><td nowrap="nowrap">
<a href="/azdiz/index.php?option=com_content&amp;view=category&amp ;layout=blog&amp;id=1&amp;Itemid=7" class="mainlevel" >Photoshop</a>
<a href="/azdiz/index.php?option=com_content&amp;view=category&amp ;layout=blog&amp;id=2&amp;Itemid=8" class="mainlevel" >Corel Draw</a>
<a href="/azdiz/index.php?option=com_content&amp;view=category&amp ;layout=blog&amp;id=3&amp;Itemid=9" class="mainlevel" >Dizayn</a>
<a href="/azdiz/index.php?option=com_content&amp;view=category&amp ;layout=blog&amp;id=4&amp;Itemid=10" class="mainlevel" >İnternet</a>
<a href="/azdiz/index.php?option=com_content&amp;view=category&amp ;layout=blog&amp;id=5&amp;Itemid=11" class="mainlevel" >Proqramlar</a>
</td></tr></table>

<ul id="mainlevel-nav">
<li><a href="/index.php?option=com_content&amp;view=article&amp; id=25&amp;Itemid=28" class="mainlevel-nav" >About Joomla!</a></li>
<li><a href="/index.php?option=com_content&amp;view=article&amp; id=22&amp;Itemid=29" class="mainlevel-nav" >Features</a></li>
<li><a href="/index.php?option=com_newsfeeds&amp;view=newsfeed&a mp;id=1&amp;feedid=1&amp;Itemid=18" class="mainlevel-nav" >News</a></li>
<li><a href="/index.php?option=com_content&amp;view=article&amp; id=27&amp;Itemid=30" class="mainlevel-nav" >The Community</a></li>
<li><a href="http://www.siteground.com/joomla-hosting/joomla15-templates.htm?page=1" target="_blank" class="mainlevel-nav" >Download</a></li>
</ul>

#mainlevel-nav{
margin:0 auto;
height:52px;
padding:0;
}

#top_menu ul#mainlevel-nav {
margin: 0 auto;
padding: 0;
list-style: none;
height:52px;
background: transparent url(../images/menu_separator.jpg) top left no-repeat;
}

#top_menu ul#mainlevel-nav li{
float: left;
padding: 0 1px;
margin:0;
height:52px;
background: transparent url(../images/menu_separator.jpg) top right no-repeat;