Baton4ik

проблема в следующем: информер на сайте (изобр. прикрепил) ведет себя странно обычно он так как на картинке, но бывает расстояние отмеченное на кртинке уменьшается и ссылки приближаются друг к другу, такое состояние дел мне симпатизирует, т.к. я хотел бы вместить туда больше чем 4, я прописывал в коде и в стилях height, потом удалил и оставил как было, и вот теперь она себя ведет хаотично вот как не надо: вот как надо: когда захожу на сайт то показывает сжато а потом как на 1 изображении. код: <div class="head_cont"><ul class="head_c"><li class="st1"><ul> <li><a href="/index/ustav_sobr/0-15">Устав</a></li> <li><a href="/index/sobr_sostav/0-8">Составы</a></li><li><a href="/index/forma_vstuplenija/0-14">Вступить в клан</a></li><li><a href="/index/team_speak_3_sobr_clan_ru/0-16">Team Speak 3</a></li></ul></li><li class="st2"><div id="link1"><a href="/forum/3">Наши подразделения</a></div><ul><li><a href="/forum/5">World of Tanks</a></li><li><a href="/forum/4">War Thunder</a></li><li><a href="/forum/6">WarFace</a></li><li><a href="/forum/7">ARMA 2</a></li> <li><a href="/forum/8">Batlfield</a></li></ul></li> <li class="st22"><script type="text/javascript" src="http://sobr-clan.ucoz.ru/informer/1"></script></li><li class="st2222"> <script type="text/javascript" src="http://sobr-clan.ucoz.ru/informer/3"></script></li> <li class="st222"> <script type="text/javascript" src="http://beta.sobr-clan.ru/informer/2"></script></li></ul></div></div></div>код css: .head_cont { padding:105px 0 0 31px;}.head_middle .head_c { margin:0; padding:0;}.head_middle .head_c > li { float:left; display:block;}.head_middle .head_c li.st1 { background:url(/images/head_inf_1.png) no-repeat 0 0; width:270px; padding:26px 0 0 16px; margin-top:80px; height:130px;}.head_middle .head_c li.st2 { background:url(/images/head_inf_2.png) no-repeat 0 0; width:205px;}.head_middle .head_c li.st22 { background:url(/images/head_inf_22.png) no-repeat 0 0; width:150px; height:107px; margin:45px 0 0 30px; padding:15px 0 0 10px;}.head_middle .head_c li.st222 { background:url(/images/head_inf_222.png) no-repeat 0 0; width:150px; margin:45px 0 0 30px; padding:15px 0 0 10px; height:187px;}.head_middle .head_c li.st2222 { background:url(/images/head_inf_2222.png) no-repeat 0 0; width:150px; margin:45px 0 0 30px; padding:15px 0 0 10px; height:187px;}.head_middle .head_c li.st1 ul { padding:7px 0 0 0; margin:0;}.head_middle .head_c li.st1 ul li { display:block; line-height:11px; height:21px; background:url(/images/head_inf_1_1.png) no-repeat 0 0; width:255px; margin-bottom:7px; padding:0 0 0 27px;}.head_middle .head_c li.st1 ul li a { font-family:Tahoma; font-size:11px; color:#666666; text-shadow:1px 1px 0 #000; text-decoration:none;}.head_middle .head_c li.st1 ul li a:hover { text-decoration:underline;}.head_middle .head_c li.st2 #link1 a,.head_middle .head_c li.st2 #link2 a { font-family:Tahoma; font-size:11px; color:#61758c; text-decoration:none; font-weight:bold;}.head_middle .head_c li.st2 #link1 { margin:57px 0 5px 25px; background:url(/images/head_inf_2_1.png) no-repeat 0 0; width:154px; height:25px; text-align:center; line-height:24px;}.head_middle .head_c li.st2 #link2 { margin:5px 0 5px 25px; background:url(/images/head_inf_2_1.png) no-repeat 0 0; width:154px; height:24px; text-align:center; line-height:24px;}.head_middle .head_c li.st2 ul { padding:0 0 0 33px; margin:0; }.head_middle .head_c li.st2 ul li { display:block; width:138px; height:27px; background:url(/images/head_inf_2_2.png) no-repeat 0 0; padding-left:38px; line-height:23px;}.head_middle .head_c li.st2 ul li a { font-family:Tahoma; font-size:11px; color:#729ce2; text-decoration:none; text-shadow:1px 1px 0 #000;}.head_middle .head_c li.st2 ul li a:hover { text-decoration:underline;}.head_middle .head_c li.st3 { background:url(/imagehead_inf_3.png) no-repeat 0 0; width:5.head_middle .head_c li.st3px; height:185px; margin:40px 0 0 0; }код информера: 1: <table style="margin-bottom:1px; width:150px;text-align: left; padding-left: 2px; padding-top: 1px; padding-bottom: 0px; font-size: 8pt; font-style: normal;"><tbody> <tr><td style=" width: 150px;"> <p align="left"> <a href="$THREAD_URL$" title="$FORUM$">$THREAD_TITLE$</a> </p></td><td> <p align="right"><a href="$LAST_POST_URL$"></a></p></td></tr></tbody></table>2: <table style="margin-bottom:1px;width:150px;text-align: left; padding-left: 2px; padding-top: 1px; padding-bottom: 0px; font-size: 8pt; font-style: normal;"><tbody> <tr><td style=" width: 150px;"> <p align="left"> <a href="$PROFILE_URL$" title="$FORUM$">$USERNAME$</a> </p></td><td> <p align="right"><a href="$PROFILE_URL$"></a></p></td></tr></tbody></table>3: <table style="margin-bottom:1px; width:150px;text-align: left; padding-left: 2px; padding-top: 1px; padding-bottom: 0px; font-size: 8pt; font-style: normal;"><tbody> <tr><td style=" width: 150px;"> <p align="left"> <a href="$ENTRY_URL$" title="$FORUM$">$TITLE$</a> </p></td><td> <p align="right"><a href="$LAST_POST_URL$"></a></p></td></tr></tbody></table>такие дела помогите пожалуйста ссылка на сайт:http://beta.sobr-clan.ru Ещё заметил что когда не авторизован то нормально а когда захожу то расширяется

читал про map, но ищу более легкий способ

Доброго времени суток, прошу прощение если пишу не туда. Дело состоит в следующем: Сайт делаю в Ucoz Есть изображение машины - хочу сделать из него меню, примерно выглядеть оно должно так - чтобы: при наведении на, к примеру стекло(слово), стрелка и сам текст менял цвет, а при нажатии переходило по ссылке. код в css: .logo{background:#E7E7E7 url('/img/theme/apb/logo.jpg') no-repeat top в html: <div class="nHead"> <div id="logo"> <a href="/"> <img src="/sp.gif" class="logo" alt="Логотип" /> <img src="/sp.gif" class="logoLayer" /> </a> </div></div> используется несколько стилей css, т.е. при смене на другой стиль должна выводиться другая машина с другими ссылками и словами. подскажите пожалуйста как мне это осуществить, заранее благодарен