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>