Ссылки про безтабличную верстку.
А лучше ну например в этом случае:
Javascript
:
Код:
<table cellpadding="0" cellspacing="0" border="0" width="100px">
<tr>
<td bgcolor="#dddddd" onmouseover="this.style.backgroundColor = '#ffffff';document.getElementById('i1').style.visibility='visible';" onmouseout="this.style.backgroundColor = '#ddd';document.getElementById('i1').style.visibility='hidden';">
<a href=""><img src="http://www.imho.ws/images/vb_bullet.gif" align="middle" style="visibility:hidden;" id="i1">aaaaa</a>
</td>
</tr>
<tr>
<td bgcolor="#dddddd" onmouseover="this.style.backgroundColor = '#ffffff';document.getElementById('i2').style.visibility='visible';" onmouseout="this.style.backgroundColor = '#ddd';document.getElementById('i2').style.visibility='hidden';">
<a href=""><img src="http://www.imho.ws/images/vb_bullet.gif" align="middle" style="visibility:hidden;" id="i2">bbbbb</a>
</td>
</tr>
<tr>
<td bgcolor="#dddddd" onmouseover="this.style.backgroundColor = '#ffffff';document.getElementById('i3').style.visibility='visible';" onmouseout="this.style.backgroundColor = '#ddd';document.getElementById('i3').style.visibility='hidden';">
<a href=""><img src="http://www.imho.ws/images/vb_bullet.gif" align="middle" style="visibility:hidden;" id="i3">ccccc</a>
</td>
</tr>
<tr>
<td bgcolor="#dddddd" onmouseover="this.style.backgroundColor = '#ffffff';document.getElementById('i4').style.visibility='visible';" onmouseout="this.style.backgroundColor = '#ddd';document.getElementById('i4').style.visibility='hidden';">
<a href=""><img src="http://www.imho.ws/images/vb_bullet.gif" align="middle" style="visibility:hidden;" id="i4">ddddd</a>
</td>
</tr>
</table>
CSS:
Код:
<style>
div.g{width:100px; float:left;}
div.g a{display:block;background-color: #ddd;padding-left:20px;}
div.g a:hover{background:#fff url(http://www.imho.ws/images/vb_bullet.gif) no-repeat 0% 50%;padding-left:20px;}
</style>
<div class="g">
<a href="">aaaa</a><a href="">bbbb</a><a href="">cccc</a><a href="">dddd</a>
</div>