.lavaLampWithImage {
            position: relative;
            height: 30px;
            width: 630px;          
            margin: 6px 0 0 20px;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url(../images/lava.gif) no-repeat right -30px ;
                        width: 9px;
						height: 30px;
                        position: absolute;
						z-index: 8;
						top: 2px;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url(../images/lava.gif) no-repeat top left;							
                            height: 30px;
                            margin-right: 9px;
							top: 2px;
					
							 /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 16px arial;
                        text-decoration: none;
                        color: #000000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 12px !important; 
						margin: auto 7px;
						cursor: pointer;
                    }
                    .lavaLampWithImage li a:hover{
                            border: none;
							cursor: pointer;
							color: #ff0000;
							display: block;
										
						
                        }