.lavaLampWithImage {
font-family:arial;
position: relative;
height: 29px;
padding: 15px;
margin: 10px 0;
overflow: hidden;
}
	/* for IE/Win */
	* HTML .lavaLampWithImage {
	height: 49px; 
	}
	
	
.lavaLampWithImage li {
float: right;
list-style: none;
}
.lavaLampWithImage li.back, .lavaLampWithImage li.back:active {
	background: url("../images/lava.png") no-repeat right -30px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;			
}

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

.lavaLampWithImage li a {
	font: bold 14px arial;
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 12px;    
}
/* for IE/Win */
	* HTML .lavaLampWithImage li a {margin: auto 12px; }
	
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:visited {
border: none;
}