информер и height

[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

Ещё заметил что когда не авторизован то нормально а когда захожу то расширяется

Edited February 8, 2014 by Baton4ik

[illya_v]

Вероятно я скажу очевидное, но все же.

Попробуйте используя инструмент DevTools в Chrome (или аналогичных в других броузерах, просто я предпочитаю DevTools) "прощупать" какие стили применяются к элементам этих таблиц в авторизованном и не авторизованном состоянии.