.lavaLampWithImage 
{
position: relative;
height: 10px;
width: 600px;
padding: 20px;
margin: 6px 0px 0px 0px;
overflow: hidden;
}

.lavaLampWithImage li 
{
float: left;
list-style: none;
}

.lavaLampWithImage li.back 
{
background: url("../images/lava.gif") no-repeat right -25px;
width: 10px; 
height: 25px;
z-index: 8;
position: absolute;
}

.lavaLampWithImage li.back .left 
{
background: url("../images/lava.gif") no-repeat top left;
height: 25px;
margin-right: 10px; /* 7px is the width of the rounded shape */
}


.lavaLampWithImage li a 
{

text-decoration: none;
color: #55585A;
outline: none;
text-align: center;
top: 5px;
letter-spacing: 0px;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;     
margin: auto 5px;
    }

.lavaLampWithImage li a:hover, 
.lavaLampWithImage li a:active, 
.lavaLampWithImage li a:visited 
{
border: none;
text-decoration: none;
}

.lavaLampWithImage li a:hover
{
color: #55585A;
text-decoration: none;

}