Разное отображение страницы в Mozila и Internet Explorere 8

[Romzesik]

Доброго времени суток, проблема следующая:
Написал меню в теге div и оформил его с помошью css. Div присвоел значение absolute и left top задал. Div поместил в таблицу - ячейку и этой ячейки задал свойство height:450 - ровно столькоже, сколько высоту имеет div а следующую ячейку таблицы задал фон - чтоб продолжал div визуально. В opere и mozile все норм а вот IExplorer8 не хочет, см рисунки:
1 http://www.onlinedisk.ru/file/577627/

2 http://www.onlinedisk.ru/file/577631/

Вот код страницы:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="4" class="table_top"><img align="left" src="images/emblem1.png" width="139" height="47">


<table height="47px" border="0" cellspacing="0" cellpadding="0" class="table_zaglav" align="right">
<tr>
<td class="table_zaglav_td_1"></td>
<td class="table_zaglav_td_2" onclick="window.location.href='http ://ya.ru/'" ></td>
<td class="table_zaglav_td_3" onclick="window.location.href='http ://ya.ru/'"></td>
<td width="92px"> <img align="right" src="images/mon1.png" width="92" height="47"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" class="table_top1"><img align="left" src="images/emblem2.png" width="139" height="92"><img align="right" src="images/mon2.png" width="97" height="92"></td>
</tr>
<tr>
<td class="table_left1"></td>
<td class="table_top2"></td>
</tr>
<tr>




<td valign="top" height="450px" >


<div class="men_main">
<ul id="dropdown-demo" class="dropdown">
<li class="li_1">
<a href="Главная">Новини</a>

<!-- <ul class="ul_1">
<li> <a href="Главная">Главная</a> </li>
<li> <a href="Главная">Главная</a> </li>
<li> <a href="Главная">Главная</a> </li>
</ul> -->
</li>
<li class="li_2">
<a href="Главная">Керівний склад</a> </li>
<li class="li_3">
<a href="Главная">Координатори EСTS</a> </li>
<li class="li_4">
<a href="Главная">Приймальна комісія </a> </li>
<li class="li_15">
</li>
</ul>
</div>





</td>
<td rowspan="2" valign="top"><!-- Основное поле для вывода-->
</td>
</tr>
<tr>



<td valign="top" class="col_left">&nbsp;<!-- левое нижнее поле --></td>




</tr>
</table>



Вот код CSS:
.men_main {
height:450px;
width:519px;
position:absolute;

padding:0px;
left:0px;
top: 173px;
overflow:auto;
font-size: 0;


}

/* this is the main UL element*/
.dropdown{

margin:0px;
padding:0px;
width:219px;
height:30px;
list-style:none;
color:#FFFFFF;
font-size: 0;
}

/* начало меню первого уровня 1 меню */
.li_1 {

width:219px;
height:30px;

/* margin-left:1px; */

color:#FFFFFF;
background-image:url(../images/menu/nav1-0.png);
background-position:left;
background-repeat:no-repeat;


}

.li_1 a {
padding-top:8px;
margin-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

.li_1:hover {
width:219px;
height:30px;

color:#FFFFFF;
background-image:url(../images/menu/nav1-1.png);
background-position:left;
background-repeat:no-repeat;
cursorointer;
}

.li_1 a:hover {
margin-left:15px;
}

/* конец меню первого уровня 1 меню */



/* конец меню первого уровня 2 меню */
.li_2 {
width:219px;
height:30px;

color:#FFFFFF;
background-image:url(../images/menu/nav2-0.png);
background-position:left;
background-repeat:no-repeat;

}

.li_2 a {
padding-top:8px;
margin-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

.li_2:hover {
width:219px;
height:30px;

color:#FFFFFF;
background-image:url(../images/menu/nav2-1.png);
background-position:left;
background-repeat:no-repeat;
cursorointer;
}

.li_2 a:hover {
margin-left:15px;
}
/* конец меню первого уровня 2 меню */

body {
background-color:#185395;
background:#185395 url(../images/background.png) no-repeat bottom right fixed;
margin:0px;
}

.table_top {
height:47px;
background-image:url(../images/bg-t1.png);
background-repeat:repeat-x;}

.table_top1 {
width:auto;
height:92px;
background: #155096 url(../images/bg-t2.jpg) no-repeat top center;
}

.table_top2 {
background-image: url(../images/bg-t2b.png);
background-repeat:repeat-x;}

.table_left1
{
height:34px;
background-image: url(../images/bg-1-1.png);
background-repeat:no-repeat;
width: 219px;}

.div_img1 { width:100%; height:92px;}

.col_left
{
background:url(../images/bg-left.png) repeat-y left;
}