Help (Выдвигающее кнопочки меню

[bomjeek 0]

Вообщем,помогите

Желательно скиньте мне код который нужно пихать в CSS ))

Нужно сделать так чтобы при наведении мышкой на категорию меню сбоку отодвигалась ещё панель ,например

Софт (наводишь мышкой) > Системный (появляется)

Вооот ,НО ЕСТЬ ОДНО НО. Нужно чтобы остался именно такой дизайн кнпочек !!))

ДИЗАЙН КНОПОК ЧТОБЫ ОСТАЛСЯЯЯЯ)вот такие они если что :

КОДЕ :

<!-- #container--> 

<div class="sl"> 

<div class="block_l">

<div id="nav">

<li><a href="" >Главная</a></li>

<li><a href="" >Софт</a></li>

<li><a href="" >Игры</a></li>

<li><a href="" >Для ПК</a></li>

<li><a href="" >ОС windows</a></li>

<li><a href="" >Журналы</a></li>

<li><a href="" >Книги</a></li>

<li><a href="" >Клипарт</a></li>

<li><a href="" >Фото</a></li>

<li><a href="" >Видео</a></li>

</div>

</div>

Вот в CSS сейчас ,вроде это к кнопкам относится..

/* Sidebar Left

-----------------------------------------------------------------------------*/

.sl {

float: left;

width: 205px;

margin-left: -100%;

position: relative;


}


.block_l {

margin: 0 0 15px 10px;

border: solid 1px #EAEEF3;


}


.title-block {

background-color:#FBFBFB; 

border-bottom: 1px dotted #E9E9E9; 

color: #3E3C22; 

font-family: verdana; 

font-size: 18px; 

font-weight: normal; 

letter-spacing: -1px; 

margin: 0 0 0 0px;

padding: 8px 4px 9px 15px;

}


.block-text {

padding: 5px 0 2px 5px;

width:180px;

}





#nav {

list-style: none;

margin: 0px 0 0px 0px;

*margin: 0px 0 -5px -16px;

padding: 0; 

}


#nav li {

border-bottom: 0px solid #FFF;

}


#nav li a {

background: url(../images/b2g-a.png) repeat-x;

height:26px; 

color:#DAE1E8; 

border-left: 1px solid #1773DA;

border-right: 1px solid #1773DA;

padding: 6px 0 6px 15px;

_margin: 0 0 -10px 0;

font: normal 18px/27px "Trebuchet MS", Tahoma, Arial, sans-serif;

text-align:left; 


display: block;



}


#nav li a:hover {

background: url(../images/menu-a-hover.png) repeat-x;

display: block;

height:25px; 

_height:26px;

color:#fff;

border-top:1px solid #1773DA;

border-left: 1px solid #1773DA;

border-right: 1px solid #1773DA;

padding: 5px 0 7px 15px;

font: normal 18px/27px "Trebuchet MS", Tahoma, Arial, sans-serif;

display: block;

text-align: left;

_margin: 0 0 -10px 0;


}


.menu {

matgin: 0 0 0 0;

}


.menu li {

height:15px;

}


a.menu {

padding:10px;

color:#FFF;

}

[celsoft 6 068]

Если ваша тема начинается с вопроса и вам нужна какая либо помощь, то в самой теме в обязательном порядке вы должны указывать ссылку на ваш сайт. Если ваш сайт находится в локальной сети и вы не можете предоставить ссылку то отправляйте персональное сообщение с вопросом в службу поддержки непосредственно с сайта http://dle-news.ru/, вам ответят на ваш вопрос в персональном порядке, в случае если пользуетесь легальной копией скрипта. Если вы не указали сайт, то ваша тема будет закрыта, а аккаунт на форуме заблокирован.