Problem z separatorem (mod_hxdmoomenu)

[oas]

Witam,

Sytuacja jest następująca: stworzyłem w menu separator i nie jestem w stanie nadać mu background na interesujący mnie widh/high, tak jak jest to w linkach <a></a>. Nie ważne co ustawie to background jest cały czas tylko na tle napisu "Wyjazdy".

Ten problem można zobaczyć na mojej stronie www.zarzprzed.unl.pl - w górnym menu przy napisie "Wyjazdy". Po długich próbach nie jestem w stanie nic wymyślić... Jestem otwarty na propozycje.

Kod z css:

#hxdmoomenu ul {
font-family: tahoma;
font-size: 14px;
letter-spacing: 2px;
background: none;
font-weight: bold;
margin: 0px 0px 0px 20px;
padding: 0;
}
#hxdmoomenu ul li a {
text-decoration:none;
color: #000000;
font-weight: bold;
width: 147px;
height: 78px;
background-image:url(../images/menu/menu.jpg);
padding: 0 0px;
text-align: center;
line-height: 40px;
margin-left: -1px;
}
#hxdmoomenu ul li .separator {
text-decoration:none;
color: #000000;
font-weight: bold;
padding: 0 0px;
text-align: center;
line-height: 40px;
margin-left: 40px;
margin-right: 40px;
}
#hxdmoomenu ul .separator {
background-image:url(../images/menu/menu.jpg);
}

#hxdmoomenu ul li a:hover {
height: 78px;
text-decoration: none;
color: #bc7530;
font-weight: bold;
background-image:url(../images/menu/menu_hover.jpg);
}

#hxdmoomenu ul ul li {margin-top: 1px;}

#hxdmoomenu ul ul {margin-top: 10px; margin-left: 20px;}
#hxdmoomenu ul li li a {
color: #000000;
text-transform: none;
font-size: 12px;
background: none;
background-image:url(../images/opacity.png);
height: 25px;
width: 130px;
border-left-width: 4px;
border-left-color: #336699;
border-left-style: solid;
padding-left: 5px;
text-align: left;
line-height: 25px;
}

#hxdmoomenu ul li li a:hover {
text-transform: none;
height: 25px;
width: 130px;
border-left-width: 4px;
border-left-color: #a1b2ee;
border-left-style: solid;
font-size: 12px;
padding-left: 5px;
background-image:url(../images/opacity.png);
}

#hxdmoomenu ul li.active li a {
padding-left: 5px;
width: 130px;
}

[tomaszek83]

może do tej klasy spróbuj dopisać jeszcze: #hxdmoomenu ul li a span

albo stwórz:

#hxdmoomenu
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
display: block;
float: left;
height: 25px;
line-height: 25px;
padding-top: 0pt;
padding-right: 15px;
padding-bottom: 0pt;
padding-left: 15px;
}


powinno zatrybić, choć 100% pewności nie mam.

[a_m]

@tomaszek83, trochę Cię poniosło; @oas dopisz do #hxdmoomenu ul li .separator - display:block i float:left

[oas]

Witam:) Nie spodziewałem się tak szybkich odpowiedzi.

@a_m: zadziałało, dzięki :)
@tomaszek83: nie sprawdziłem twojego pomysłu ale dziękuje za zainteresowanie :)

[tomaszek83]

tak @a_m masz racje... powaliło mi się... myślałem .separator a napisałem span ;) mea culpa :)