Ребята подскажите пожалуйста, сделала статическую страницу, в ней два блока left и right. Никак не могу их поднять на один уровень, правый всё равно располагается после левого. Пробовала float: left, right не работает. P.S. Только начала верстать сайты не судите строго smile.gif
Вот код:
<div id="container">
<div id="content">
<div id="lft" style="right: 220px;">
<ul class="lmenu reset">
<li><a title="Экскаваторы" href="java script:ShowOrHide('menu1');">Экскаваторы</a></li>
<div id="menu1" style="display:none; margin-left: 15px;">
</div>
</ul>
<div><ul class="lmenu reset">
<li><a title="Экскаваторы-погрузчики" href="http://***.com/backhoe.html">Экскаваторы-погрузчики</a></li>
<div id="menu2" style="display:none; margin-left: 15px;">
</div>
</ul>
<div id="rght">
<ul class="katalog_items" style="margin-left: -15px";>
<li>
<a href="http://***.com/backhoe/New Holland/" title="Ковши" class="img"><img src="http://***.com/uploads/new-holland.jpg" alt="New Holland" title="New Holland"></a>
<table class="vert">
<tr><td>
<a href="http://***.com/backhoe/New Holland/" title="New Holland" class="title">New Holland</a>
</td>
</tr>
</table>
</li><li>
<a href="http://***.com/backhoe/CASE/" title="CASE" class="img"><img src="http://***.com/uploads/case.jpg" alt="Case" title="CASE"></a>
<table class="vert">
<tr><td>
<a href="http://***.com/backhoe/CASE" class="title">CASE</a>
</td>
</tr>
</table>
</li><li>
<a href="http://***.com/backhoe/Hyundai/" title="Hyundai" class="img"><img src="http://***.com/uploads/hyundai.jpg" alt="Hyundai" title="Hyundai"></a>
<table class="vert">
<tr><td>
<a href="http://***.com/backhoe/Hyundai" class="title">Hyundai</a>
</td>
</tr>
</table>
</li>
</table>
сразу скажу, имена блоков lft и rght задала такие потому что хочу отдельно для них прописать стили и в этом диве <div id="lft" style="right: 220px;"> такие значения потому что именно так располагается левый как мне надо