Question

I have a li element . if the li element is a single line ,on hovering the backgroud color looks okay but when the li element contains text that is multiline the background color looks somewhat bad.
See the attached screenshot.

  #leftNavi li a.current{
color: white;
background: #AD0E3F; 
text-decoration: none;
  }

  #leftNavi li a:hover{
color: white;
background: #AD0E3F;
  }

Answer 1

Simple mate just add:

#leftNavi li a{display:block;}

See example: http://jsfiddle.net/ajthomascouk/5NpAz/