Меню слева в профиле (давайте вместе поправим)

Ребята давайте общими усилиями попробуем исправить получившийся у меня баг в меню выводимом слева.

Вот я сделал и получилось у меня вот так, это вставляем в style.css в самый низ:

PHP:

.suckerdiv ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
width: 170px; /* Width of Menu Items */  
border-bottom: 1px solid #ccc;  
}  

.suckerdiv ul li{  
position: relative;  
}  

/*Sub level menu items */  
.suckerdiv ul li ul{  
position: absolute;  
width: 170px; /*sub menu width*/  
top: 0;  
visibility: hidden;  
}  

/* Sub level menu links style */  
.suckerdiv ul li a{  
display: block;  
overflow: auto; /*force hasLayout in IE7 */  
color: black;  
text-decoration: none;  
background: #fff;  
padding: 4px 15px;  
border: 1px solid #ccc;  
border-bottom: 0;  
}  

.suckerdiv ul li a:visited{  
color: black;  
}  

.suckerdiv ul li a:hover{  
background-color: aqua ;  
}  

.suckerdiv .subfolderstyle{  
background: url(http://helpucoz.do.am/images/next.png) no-repeat center right;  
}  

/* Holly Hack for IE \*/  
* html .suckerdiv ul li { float: left; height: 1%; }  
* html .suckerdiv ul li a { height: 1%; }  
/* End */  

а вот код самого меню, его вставляем в profile.tpl после этой строки:

PHP:

{* BEGIN LEFT COLUMN *}
<table cellpadding='0' cellspacing='0' width='100%'>
<tr>

Код меню:

PHP:

<div class="suckerdiv"><b>  
<ul id="suckertree1">  
<li><a href="{$url->url_create("profile", $user->user_info.user_username)}"><img src="/images/icons/profile16.gif" alt="" border="0">&nbspМоя страница</a></li>  
<li><a href="user_messages.php"><img src="/images/icons/message_inbox16.gif" alt="" border="0">&nbspМои сообщения</a></li>  
<li><a href="user_friends.php"><img src="/images/icons/friends16.gif" alt="" border="0">&nbspМои друзья</a></li>  
<li><a href="user_music.php"><img src="/images/icons/music_action_newmusic.gif" alt="" border="0">&nbspМоя музыка</a>  
<li><a href="">Моё видео</a> </li>
<li><a href="">Ссылка</a>  </li>
<li><a href="">Ссылка</a>  </li>
</b></div>  

Единственное что тут нужно самому вписывать поля меню, но думаю 10 полей добавить это не проблема. У меня в общем вот такой косяк получается после установки


обратите внимание на здоровый пробел между меню и фотографией. Ставлю на SE 3.20 на стандартный шаблон. Может кто знает как убрать этот пробел?

Может стоило не в разделе PHPFOX, а в разделе SE задать данный вопрос?

Попробуй такой код....

<div class="suckerdiv" styles="padding-left:50px"><b><ul id="suckertree1"><li><a href="{$url->url_create("profile", $user->user_info.user_username)}"><img src="/images/icons/profile16.gif" alt="" border="0">&nbspМоя страница</a></li><li><a href="user_messages.php"><img src="/images/icons/message_inbox16.gif" alt="" border="0">&nbspМои сообщения</a></li><li><a href="user_friends.php"><img src="/images/icons/friends16.gif" alt="" border="0">&nbspМои друзья</a></li><li><a href="user_music.php"><img src="/images/icons/music_action_newmusic.gif" alt="" border="0">&nbspМоя музыка</a><li><a href="">Моё видео</a> </li><li><a href="">Ссылка</a> </li><li><a href="">Ссылка</a> </li></b></div>

За размер и отступ от краёв блоков можно использовать данный код:
<div style='float: left; width: 200px; padding: 0px 10px 0px 60px;'>
"60px" это отступ от правого края, т.е делая 60--->выше по значению - блок будет съезжать вправо, и наоборот влево.
Если вам нужно придвинуть ваш профиль (фото и т.д) в профиль.тпл где нить сверху вставьте данный код и выравнивайте.