Верстаю меню такого вида
<ul class="controls">
<li><a href="javascript:void(0)" class="button"> </a></li>
<li><a href="javascript:void(0)" class="button act"></a></li>
<li><a href="javascript:void(0)" class="button"></a></li>
<li><a href="javascript:void(0)" class="button"></a></li>
<li><a href="javascript:void(0)" class="button"></a></li>
</ul>
не могу понять, почему при добавлении к ul float: left кружки выстраиваются один над другим link text и как сделать так, чтобы они были расположены в ряд?
в опере отображается как надо, в фф и хроме - нет.