Нужна помощь с кодом

[ruweb]

Верстаю сайт. Все замечательно, НО пришлось сделать менб на Javasсript скопировав код с сайта, т.к. я пока не понимаю как это делается...
Собственно проблема в меню.
В макете оно выглядит так:

Я это реализовала... Но работает оно не совсем корректно. В частности после последних изменений html+css меню отлично работает в Опере и ИЕ... В не зависимости от ширины используемого экрана находится на своем месте... Но! В Хроме и Мазиле не работает Точнее работает но очень странно, только с права на лево. Как?? Почему??? Я не понимаю...
Привязываться к джаве совсем не обязательно....

Залила на хост: madhed.h16.ru/

Есть идеи, как адаптировать это все к ИЕ6? И прозрачность, и полупрозрачность... >_<

Css отвечающие за расположение:

#msa{ 	position: relative; 	visibility: hidden;	z-index: 5;	left: 22	top: -57	text-align: left;}
#msb {	position: relative;	visibility: hidden;	z-index: 5;	left: 131	top: -201	text-align: left;}
#msc {	position: relative;	visibility: hidden;	z-index: 5;	left: 216	top: -303	text-align: left;}
#msd {	position: relative;	visibility: hidden;	z-index: 5;	left: 325	top: -433	text-align: left;}

Css отвечающие за вид:

.menu_sel1_1 {
	background-image: url(menu_v_1.png);
	background-repeat: no-repeat;
	display: block;
	height: 22
	width: 201
	z-index: 4;
	margin-top: -9}
.menu_sel1_01 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16
	color: #FFF;
	text-decoration: underline;
	background-image: url(menu_v_01.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 28
	width: 102
	padding-top: 9
	z-index: 4;}
.menu_sel1_2 {
	z-index: 4;
	margin-left: 7}
.menu_sel1_3 {
	z-index: 4;
	background-image: url(menu_v_02.png);
	text-align: left;
	display: block;
	height: auto;
	width: 201}
.menu_sel1_5 {
	z-index: 4;
	background-image: url(menu_v_03.png);
	display: block;
	height: 10
	width: 201}
.menu_sel2_1 {
	background-image: url(menu_2_2.png);
	background-repeat: no-repeat;
	display: block;
	height: 22
	width: 178
	z-index: 4;
	margin-top: -9}
.menu_sel2_01 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16
	color: #FFF;
	text-decoration: underline;
	background-image: url(menu_2_01.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 28
	width: 79
	padding-top: 9
	z-index: 4;}
.menu_sel2_2 {
	z-index: 4;
	margin-left: 9}
.menu_sel2_3 {
	z-index: 4;
	background-image: url(menu_2_02.png);
	text-align: left;
	display: block;
	height: auto;
	width: 178}
.menu_sel2_5 {
	z-index: 4;
	background-image: url(menu_2_03.png);
	display: block;
	height: 10
	width: 178}
.menu_sel1_4{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12
	color: #FFF;
	text-align: left;
	display: block;
	margin-left: 10}
.menu_sel3_1 {
	background-image: url(menu_3_2.png);
	background-repeat: no-repeat;
	display: block;
	height: 20
	width: 211
	z-index: 4;
	margin-top: -9}
.menu_sel3_01 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16
	color: #FFF;
	text-decoration: underline;
	background-image: url(menu_3_01.png);
	background-repeat: no-repeat;
	text-align: left;
	display: block;
	height: 28
	width: 112
	padding-top: 9
	z-index: 4;}
.menu_sel3_3 {
	z-index: 4;
	background-image: url(menu_3_02.png);
	text-align: left;
	display: block;
	height: auto;
	width: 211}
.menu_sel3_5 {
	z-index: 4;
	background-image: url(menu_3_03.png);
	display: block;
	height: 10
	width: 211
}

html код вызова меню:

<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center"><a href="http://#" class="menu" target=_blank>Компания</a></td>
<td width="5" align="center" valign="middle"><img src="http://images/razd_gr.jpg" width="1" height="8"></td>
<td align="center"><a href="http://#" class="menu" target=_blank>Услуги</a></td>
<td width="5" align="center" valign="middle"><img src="http://images/razd_gr.jpg" width="1" height="8"></td>
<td align="center"><a href="http://#" class="menu" target=_blank>Клиентам</a></td>
<td width="5" align="center" valign="middle"><img src="http://images/razd_gr.jpg" width="1" height="8"></td>
<td align="center"><a href="http://#" class="menu" target=_blank>Партнерам</a></td>
<td width="5" align="center" valign="middle"><img src="http://images/razd_gr.jpg" width="1" height="8"></td>
<td align="center"><a href="http://#" class="menu_stat" target=_blank>Статьи</a></td>
</tr>
</table>
<td width="115" height="46" class="menu_tb2">
</td>
	

html код самих меню:

<div id="msa">
<div class="menu_sel1_01"><div class="menu_sel1_2">Компания</div></div>
<div class="menu_sel1_1"></div>
<div class="menu_sel1_3">
<a href="http://#" class="menu_sel1_4" target=_blank>О компании</a> 
<a href="http://#" class="menu_sel1_4" target=_blank>Новости</a>
<a href="http://#" class="menu_sel1_4" target=_blank>Вакансии</a>
<a href="http://#" class="menu_sel1_4" target=_blank>Контакты. Схема проезда</a>
<a href="http://#" class="menu_sel1_4" target=_blank>Наши клиенты</a>
<a href="http://#" class="menu_sel1_4" target=_blank>Наши партнеры</a> </div>
<div class="menu_sel1_5 "></div>
</div>

<div id="msb">
  <div class="menu_sel2_01"><div class="menu_sel1_2">Услуги</div></div>
  <div class="menu_sel2_1"></div>

<div class="menu_sel2_3">
<a href="http://#" class="menu_sel1_4" target=_blank>?</a> 
<a href="http://#" class="menu_sel1_4" target=_blank>...</a>
<a href="http://#" class="menu_sel1_4" target=_blank>...</a>
 </div>
<div class="menu_sel2_5"></div>
</div>
<div id="msc">
<div class="menu_sel1_01"><div class="menu_sel1_2">Клиентам</div></div>
<div class="menu_sel1_1"></div>
<div class="menu_sel1_3">
<a href="http://#" class="menu_sel1_4" target=_blank>Заказ услуг</a> 
<a href="http://#" class="menu_sel1_4" target=_blank>Служба поддержки</a>
<a href="http://#" class="menu_sel1_4" target=_blank>Договора</a>
<a href="http://#" class="menu_sel1_4" target=_blank>Документация, лицензии</a>
<a href="http://#" class="menu_sel1_4" target=_blank>Правила пользования</a>
 </div>
<div class="menu_sel1_5"></div>
</div>
<div id="msd">
<div class="menu_sel3_01"><div class="menu_sel2_2">Партнерам </div></div>
<div class="menu_sel3_1"></div>
<div class="menu_sel3_3">
<a href="http://#" class="menu_sel1_4" target=_blank>Партнерское предложение</a> 
<a href="http://#" class="menu_sel1_4" target=_blank>Программа I</a>
<a href="http://#" class="menu_sel1_4" target=_blank>Программа II</a>
<a href="http://#" class="menu_sel1_4" target=_blank>Спонсорство</a>
<a href="http://#" class="menu_sel1_4" target=_blank>Рекламное партнерство</a>
<a href="http://#" class="menu_sel1_4" target=_blank>Медиа</a> </div>
<div class="menu_sel3_5"></div>
</div>

Javasсript:

function MM_reloadPage(init) { if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_findObj(n, d) { var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;}
function P7_autoLayers() { var g,b,k,f,args=P7_autoLayers.arguments;
var a = parseInt(args[0]);if(isNaN(a))a=0;
if(!document.p7setc) {p7c=new Array();document.p7setc=true;
for (var u=0;u<10;u++) {p7c[u] = new Array();}}
for(k=0; k<p7c[a].length; k++) {
if((g=MM_findObj(p7c[a][k]))!=null) {
b=(document.layers)?g:g.style;b.visibility="hidden";}}
for(k=1; k<args.length; k++) {
if((g=MM_findObj(args[k])) != null) {
b=(document.layers)?g:g.style;b.visibility="visible";f=false;
for(j=0;j<p7c[a].length;j++) {
if(args[k]==p7c[a][j]) {f=true;}}
if(!f) {p7c[a][p7c[a].length++]=args[k];}}}
}