CSS-меню

У меня такая ситуация. Есть меню написанное с помощью 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-->&nbsp;</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-->&nbsp;</td>
<td width="4"></td>
</tr>
<tr>
<td height="32" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</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>&nbsp;</td>