Fill whole line of LI using CSS

Viewed 4874

I have these nested ul and li . When i fill background color, nested li leaves indented portion white. I have a number of li like this that gets filled from database so i cannot give margin left to individual text in li . How can i do this so that background fills whole line along with the indentation?

Right now it looks like this

enter image description here

I want it like this

enter image description here

Any suggestions how can do this? Thanks in advance. I cannot change the html markup as i'll have to change a lot of code. Is there a way to do this using this markup. these li are coming from db query so i dont have exact number of li in this case.

Demo http://jsbin.com/uReBEVe/1/

18 Answers
Related