1.Css Menu with image gif

Css list menu with image gif, easy to edit and navigate

Image you will need width="10" height="10":

<!-- You must build this code into - head -->
Step 1.
<style type="text/css">
ul
{
list-style-type: none;
}
.menue{
 color: #000000; padding-left: 14px; text-decoration:none;
}

.menue:hover{
 color: #FFFF00; background-image: url(b.gif);
 background-repeat: no-repeat; background-position: left;
}
</style>
Step 2.
<!-- You must build this code into - body -->
<ul id="navigation">
    <li><a class="menue" href="#"> Example </a></li>
    <li><a class="menue" href="#"> Example </a></li>
    <li><a class="menue" href="#"> Example </a></li>
    <li><a class="menue" href="#"> Example </a></li>
    <li><a class="menue" href="#"> Example </a></li>
    <li><a class="menue" href="#"> Example </a></li>
    <li><a class="menue" href="#"> Example </a></li>
</ul>