Question

Usually, making a a block, you just have to hover on the <li> to highlight.. not on the text…

i think a have done it right… but only hovering on the TEXT make the text change color… hovering on the box (li) dont…

i have not taken the good technique, or just screw somewhere, i need your pointer please

thanks in advance

here is the page

Answer 1

Pretty simple:

Remove the padding declarations from #menulistbox li by removing these lines.

padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 5px;

Then add this definition for the link

#menulistbox li a {
    display: block;
    padding: 5px 0 5px 5px;
}

That’s it 🙂

P.S. Check out CSS Shorthand Syntax to make your life easier and your code tidier 🙂