Выпадающее меню, пункты переносятся по строкам

[qwe88]

Добрый день!
Подскажите, пожалуйста, как сделать так, что бы пункты меню переносились на сроки, если не вмещаются.
_http://spb-stroyfirm.ru/ - в пункте "Отделка и ремонт" подпункт не вмещается и не переносится на следующую строку

[Efanych]

white-space: nowrap
http://joomlaforum.ru/index.php/topic,79712.new.html

[Pazys]

template.css:417

Код

.menu_my ul li a:link {
background: none;
background-color: black;
width: 170px; /* Если уберете эту строку, то ширина подменю будет увеличена до длинны слова*/
padding: 3px;
}

[qwe88]

white-space: nowrap
http://joomlaforum.ru/index.php/topic,79712.new.html

Помогло, спасибо большое! А как теперь уменьшить расстояние между строками?

[qwe88]

Добавил еще один подпункт, и теперь white-space:normal; не помогло

[Efanych]

http://joomlaforum.ru/index.php/topic,213918.0.html

[Pazys]

Помогло, спасибо большое! А как теперь уменьшить расстояние между строками?

line-height: 18px;

[qwe88]

line-height: 18px;

После того, как добавил втрой подпункт, перестал пункт меню растягиваться. Помогите, пожалуйста

[Pazys]

378 строка

Код

ul.menu_my li {
float: left;
font-size: 0.9em;
height: 32px; /* Вот эту строчку удалите */
line-height: 32px;
padding: 0 0px 0 0;
display: inline;
position: relative;
}

[qwe88]

Все нормально, спасибо большое!
Теперь другой вопрос на аналогичную тему. Создал из этого стиля меню с картинками, только выпадающие пункты заходят на соседнюю картинку. _http://spb-stroyfirm.ru/index.php/otdelka-i-remont . Можете помочь в этом вопросе?

[Pazys]

32 строка

Код

#nav li ul {
position: absolute;
top: -1px;
left: 150px;
display: none;
background-color: #F90;
width: 190px;
z-index: 2; /* Эту строку добавить */
}