Check out this link: http://jsfiddle.net/zCXMv/18/
I'm having trouble getting this to work properly. Any assistance would be greatly appreciated.
Here is the HTML code snippet:
<div id="button" >
<a class="button1 active" rel="1"></a>
<a class="button2" rel="2"></a>
<a class="button3" rel="3"></a>
<a class="button4" rel="4"></a>
</div>
And here is the CSS code snippet:
.button1,
.button2,
.button3,
.button4 {
background:#999;
padding:6px;
display:block;
float:left;
margin-right:5px;
}
#button {
width: 50%;
border-width: 1px;
border-style: solid;
height: 30px;
margin-left: auto;
margin-right: auto;
}