Menu w css

[mess_alex]

Witam,

robię menu (niestety nie działa) na stronę. Gdzie robię błąd?

CSS

#block_menu {
list-style-type: none;
font-size: 11px;
background: #F6F6F6;
padding-left: 25px;
margin: 0;
display: block;
}
#block_menu li {
display: inline;
position: relative;
padding: 0;
margin: 0;
display: block;
}
#block_menu li a {
background: #F6F6F6 url(images/block_menu.gif) 0 -28px;
width: 150px;
height: 28px;
padding-left: 3px;
padding-top: 7px;
text-align: left;
color: #ffffff;
text-decoration: none;
display: block;
}
#block_menu li a:hover {
background: #F6F6F6 url(images/block_menu.gif);
color: #999;
text-decoration: none;
display: block;
}

HTML

<ul id="block_menu">
                 <li><a href="stowarzyszenie.php?str=statut">Statut</a></li>
                 <li><a href="stowarzyszenie.php?str=krs">KRS</a></li>
                 <li><a href="stowarzyszenie.php?str=sprawozdanie">Sprawozdanie</a></li>
                 <li><a href="stowarzyszenie.php?str=zarzad">Zarzad</a></li>
                 <li><a href="stowarzyszenie.php?str=siedziba">Siedziba</a></li>
                 <li><a href="stowarzyszenie.php?str=dzieci">Nasze Dzieci</a></li>
             </ul>

BLOCK_MENU.GIF

Poprawnie wyświetla się tylko w IE z nieustawionym DOCTYPE.

Można to zobaczyć tutaj ( trzeba oglądać w IE )

Z góry dzięki

[k0rnik]

w #block_menu li a

zamień

width: 150px;
padding-left: 3px;
padding-top: 7px;

na

width: 154px;
margin-left: 3px;
margin-top: 7px;

mam nadzieję, że o to chodziło...

pzdr.

[mess_alex]

Niestety, to tylko pogorszyło sprawę.

Chodzi, o to, że wyświetla się za dużo obrazka (w pionie)

Napisane jest 28px, a wyświetla się 30 z czymś.

Korzystałem z gotowego szablonu menu z www.e-lusion.com i nadal wyświetla się wysokość, która była w tym szablonie

A teraz jest jeszcze na szerokie

[mess_alex]

Ok, już rozwiązałem problem. Poniżej podaje poprawny kod css, grafikę dałem w pierwszym poście. Może się komuś kiedyś przyda:

#block_menu {
       list-style: none;
margin: 0 0 0 25px;
padding: 0;
text-align: left;
width: 154px;
}
#block_menu li a {
       color: #fff;
 	height: 28px;
 	voice-family: "\"}\"";
 	voice-family: inherit;
 	height: 20px;
text-decoration: none;
}
#block_menu li a:link, #block_menu li a:visited {
       color: #fff;
display: block;
background: url(gfx/block_menu.gif) 0 -28px;
padding: 7px 0 1px 3px;
}
#block_menu li a:hover, #block_menu li a:active {
color: #999;
background: url(gfx/block_menu.gif);
padding: 7px 0 1px 3px;
}

Pozdrawiam