CSS-меню

[kraver]

У меня такая ситуация. Есть меню написанное с помощью CSS.

Но вот в чем беда... При увеличении Ctrl++ или уменьшении масштаба Ctrl+- меню расплывается. Я так понимаю, что и при разных разрешениях экрана все поплывет.. можно ли это как-то исправить?

код:

h1 {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:16px;

font-weight:bold;

margin:0;

padding:0;

}

hr {

border:none;

border-top:1px solid #CCCCCC;

height:1px;

margin-bottom:20px;

}

#demo-container{

padding:0 0 0 5px;

background:#67A897;

}

ul#simple-menu{

list-style-type:none;

width:100%;

position:relative;

height:7px;

font-family:"Trebuchet MS",Arial,sans-serif;

font-size:13px;

font-weight:bold;

margin:0;

padding:10px 0 0 0;

}

ul#simple-menu li{

display:block;

float:left;

margin:0 0 0 5px;

height:25px;

}

ul#simple-menu li.left{

margin:2;

}

ul#simple-menu li a{

display:block;

float:left;

color:#fff;

background:#4A6867;

line-height:27px;

text-decoration:none;

padding:0 17px 0 18px;

height:27px;

}

ul#simple-menu li a.right{

padding-right:15px;

}

ul#simple-menu li a:hover{

background:#2E4560;

}

ul#simple-menu li a.current{

color:#2E4560;

background:#fff;

}

ul#simple-menu li a.current:hover{

color:#2E4560;

background:#fff;

}

а вот где в странице использую:

<table width="957" border="0" cellpadding="0" cellspacing="0" align="center">

<!--DWLayoutTable-->

<tr bgcolor="#FFFFFF" background="#FFFFFF">

<td width="11" height="140" valign="top"><!--DWLayoutEmptyCell--> </td>

<td colspan="7" valign="top"><div align="left"><img src="img/7_02.jpg" width="934" height="140"></div></td>

<td width="12" valign="top"><!--DWLayoutEmptyCell--> </td>

<td width="4"></td>

</tr>

<tr>

<td height="32" valign="top"><!--DWLayoutEmptyCell--> </td>

<td colspan="7" valign="top" bgcolor="#67a897"><center><div id="demo-container">

<ul id="simple-menu">

<li><a href="index.html" class="current" title="Главная страница"><span>Главная</span></a></li>

<li><a href="product.html" title="Продукты"><span>Продукты</span></a></li>

<li><a href="institute.html" title="Учебным заведениям"><span>Учебным заведениям</span></a></li>

<li><a href="service.html" title="Услуги"><span>Услуги</span></a></li>

<li><a href="support.html" title="Поддержка пользователей"><span>Поддержка пользователей</span></a></li>

<li><a href="clients.html" title="Наши клиенты"><span>Наши клиенты</span></a></li>

<li><a href="about.html" title="О компании"><span>О компании</span></a></li>

</ul>

</div></center> </td>