I am trying to create a list like this -


When I indent the list, then when I do a hover to make the background solid all the way across, it shows some of the blue at the left of the hover state. I can't figure out how to make the hover background of white to span the whole length. Any suggestions. Thanks.

can't debug pictures

but you make the anchor elments display:block so they fill the parent container.

This is the css I have for the main list

#leftNavigation {
    
    color: #0079c2;
    list-style:none;
    margin-top:20px;
    padding-top:10px;
    background-color: #dbecd9;
}

#leftNavigation ul{
    list-style:none;

}
#leftNavigation li {
        list-style:square;
        margin-left:20px;        

     
}
    
#leftNavigation a {
    color: #0079c2;
    text-decoration:none;
    display:block;
    line-height:20px;
    
  
}

#leftNavigation a:hover {
    background-color:#ffffff;
    color:#000000;
    
}

and then for the list -

<div id="leftNavigation">
             <ul>
                <li><a href="#">Mission and Vision</a></li>
             </ul>
          </div>

but then when you hover, you get a blue margin to the left of the square list image.

I don't think you can do it using list-style, but maybe i'm wrong.
I would use images: http://exs.lv/mad182/lisample/test.html

There is NO NEED to use images - which are not recommended for accessibility reasons - it can be done with CSS.

Kayla, can we see ALL the code - or a URL?

As I said - maybe I'm wrong, but I really would like to see how it can be done w/o images

why don't u use

<ul>
<li>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li>

</li>
<li>

</li>
</ul>

by chance are you using &nbsp; in your code to do the spacing? Try that instead of hitting your space bar like this. (I held my spacebar down to do that gap)
if you use the &nbsp;&nbsp;&nbsp; like that until you have the right amount of space, maybe that will fix the issue? No guarantee's though.

As I said - maybe I'm wrong, but I really would like to see how it can be done w/o images

Sorry, I thought you meant using images for the menu items.