2 diva рядом

В IE аватарка и меню должны быть рядом как бы в 2 столбца, а IE аватарку помещает чуть выше http://s51.radikal.ru/i132/1011/83/61ef493db1ad.jpg

HTML:

1. <div class="mycabinet">
2.                      <div class="mycabinet-image">
3.                      <img> src=../img/avatars/ava.jpg>                 
4.                      </div>
5.                 <div class="menurega">
6.                   <ul id="cabinet">
7.                         <li><a href="#">Меню</a></li>
8.                         <li><a href="#">Меню 1</a></li>
9.                         <li><a href="#">Меню2</a></li>
10.                         <li><a href="#">Меню3</a></li>
11.                         <li><a href="#">Меню4</a></li>
12.                     </ul>  
13.                </div>      
14.         </div>

[css]
.menurega { width:150px;}
.mycabinet { padding:8px 12px 0 12px;}
.mycabinet-image { float:right; border: 1px solid #ea8a05; width:90px; height:90px;}
ul#cabinet { list-style:none; display: inline; height: 25px; font: normal 12px/25px Arial; }
ul#cabinet li { padding-left:5px; width: 140px; height: 25px; background:#FCF1DE; border-bottom:1px dashed #ea8a05; }

[/css]

 

чтобы они на одном уровне были!

 

Должно быть вот так: http://s001.radikal.ru/i195/1011/fd/a4b39472a456.jpg

 

Должно быть как здесь показано здесь: http://s008.radikal.ru/i304/1011/89/83d6e86b8ec5.jpg
А получается так: http://i080.radikal.ru/1011/44/2568273ade36.jpg

Если пунктов в меню много то оно накладывается на заголовок: НОВОСТИ САЙТА

HTML:

1. <div class="mycabinet">
2.     <div class="menurega">
3.                     <ul>
4.                         <li><a href="#">Меню</a></li>
5.                         <li><a href="#">Меню</a></li>
6.                         <li><a href="#">Меню</a></li>
7.                         <li><a href="#">Меню</a></li>
8.                         <li><a href="#">Меню</a></li>
9.                         <li><a href="#">Меню</a></li>
10.                         <li><a href="#">Меню</a></li>
11.                         <li><a href="#">Меню</a></li>
12.                         <li><a href="#">Меню</a></li>
13.                     </ul>  
14.     </div>  
15.     <div class="mycabinet-image">
16.                     <img alt=<?php echo $_SESSION['login']?> src=../img/avatars/<?php echo $myrow['avatar']?>>
17.     </div>
18.    <div class="exit"> <form id="exit" name="exit" method="post" action="../rega/exit.php">
19.    <input name="exit" type="submit" id="exit" value="Выход">
20.    </form>
21.    </div>
22.    
23. </div>
24.  <div class="column">
25.         <p><strong>Новости сайта</strong></p>
26. </div>
27.  

[css].exit { width:90px; margin: 105px 0 0 155px;}
.mycabinet { padding:8px 12px 0 12px;}
.mycabinet-image {border: 1px solid #ea8a05; width:90px; height:90px; float:left; margin-left:10px;}
.menurega ul {list-style:none; font: normal 12px/25px Arial; float:left; margin-top:0;}
.menurega ul li {padding-left:5px; width: 140px; height: 25px; background:#FCF1DE; border-bottom:1px dashed #ea8a05;}
.column { background:url(img/title_bg.jpg) no-repeat; height:27px; }
.column p { font-size:14px; color:#631a00; padding:5px 0 0 13px;}

[/css]

 

Спасибо всем. Сделал так:
[css].column { background:url(img/title_bg.jpg) no-repeat; height:27px; clear: both; }[/css]