div в таблице (проблема с IE)

в общем в опере всё ОК. а вот в IE трабл.

вот html

<div class="container">

<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"><tr><td width="80%"><div class="speedbar">{speedbar}</div></td><td width="20%"><div class="oyy">oyy</div></td></tr></table>

<div style="width: 90%; height: 1px; background-color: #398ffa; font-size: 1px; margin-left: 5%"></div>



<br>

<table style="margin-left:auto; margin-right:auto;" width="100%">

  <tr>

    <td width="80%">

	<div class="content">{info}

{content}</div></td>

    <td width="20%" valign="top">

	<div class="sidebar"><h1>Авторизация</h1>{login}</div><br>

	<div class="sidebar"><h1>Опрос</h1>{vote}</div>

</td>

  </tr>

</table>





</div>

вот css

.container {

position: relative;

 background: #dde4ff;

 border: 2px double #b8c7ff;

 margin-left: 2.5%;

 top: -5px; /* Смещение слоя вниз */

 width: 95%; /* Ширина слоя */

}





.content {

text-align:left;

width: 95%;

padding-left: 1%;

font-family: "arial";

}



.sidebar {

background: #e7e7e7 top;

width: 90%;

border: 2px dotted #cecece;

padding-left: 1%;

font-family: "arial";

}

.sidebar h1 {

font: Arial, Helvetica, sans-serif;

font-size:14px;

text-align:center;

}

.speedbar {

padding-left: 50px;

padding-top: 5px;

}



.speedbar a {

color:#000099;

text-decoration:none;

}



.oyy {

padding-left: 10%;

padding-top: 5px;

}

в IE создаётся бегунок горизонтальный, страница становится настолько широкой, что она поместилась бы на экране только если ширину монитора умножить на сотню-другую. Контент соответственно тоже растянут, но не на всю ширину получившейся страницы. А в опере всё гуд

Помогите решить?