SwMenu Free i zawijanie wierszy

[robertk628]

Witam
Joomla Kapelusze 1.0.13 + patch do 1.0.15. PHP 5.21. Strona na home.pl

Nie mogę zmusić SWmenu Free do tego by zawijała długie nazwy w menu.
Próbowałem:
Zmniejszyć szerokość mainmenu w template. (zarówno ustawienie w % i px nie rozwiązało problemu)

Podam kod Sw Menu:

.transMenu {
position:absolute ;
overflow:hidden;
left:-1000px;
top:-1000px;
}
.transMenu .content {
position:absolute ;
}
.transMenu .items {
width: 222px; border: 0px solid #FFFFFF ;
position:relative ;
left:0px; top:0px;
z-index:2;
}
.transMenu td
{
padding: 5px 5px 5px 5px !important;
font-size: 12px !important ;
font-family: Geneva, Arial, Helvetica, sans-serif !important ;
text-align: left !important ;
font-weight: normal !important ;
color: #FFFFFF !important ;
}
#subwrap
{
text-align: left ;
}
.transMenu .item.hover td
{
color: #FFFFFF !important ;
}
.transMenu .item {
text-decoration: none ;
cursor:pointer;
cursor:hand;
}
.transMenu .background {
background-color: #0063b1 !important ;
position:absolute ;
left:0px; top:0px;
z-index:1;
opacity:0.98;
filter:alpha(opacity=98)
}
.transMenu .shadowRight {
position:absolute ;
z-index:3;
top:3px; width:2px;
opacity:0.98;
filter:alpha(opacity=98)
}
.transMenu .shadowBottom {
position:absolute ;
z-index:1;
left:3px; height:2px;
opacity:0.98;
filter:alpha(opacity=98)
}
.transMenu .item.hover {
background-color: #e5a257 !important ;
}
.transMenu .item img {
margin-left:10px !important ;
}
table.menu {
top: 0px;
left: 0px;
position:relative ;
margin:0px !important ;
border: 0px solid #FFFFFF ;
z-index: 1;
}
table.menu a{
margin:0px !important ;
padding: 5px 5px 5px 5px !important ;
display:block !important;
position:relative !important ;
}
div.menu a,
div.menu a:visited,
div.menu a:link {
width:222px;
font-size: 12px !important ;
font-family: Geneva, Arial, Helvetica, sans-serif !important ;
text-align: left !important ;
font-weight: normal !important ;
color: #FFFFFF !important ;
text-decoration: none !important ;
margin-bottom:0px !important ;
display:block !important;
white-space:nowrap ;
}
div.menu td {
border-right: 1px solid #013f80 ;
border-top: 1px solid #013f80 ;
border-left: 1px solid #013f80 ;
background-color: #0063b1 !important ;
}
div.menu td.last {
border-bottom: 1px solid #013f80 ;
}
#trans-active a{
color: #FFFFFF !important ;
background-color: #e5a257 !important ;
}
#menu a.hover {
color: #FFFFFF !important ;
background-color: #e5a257 !important ;
}
#menu span {
display:none;
}

Dziękuję za pomoc.

RK