#buttonscontainer {
position:relative; top:10;
margin: 0;
padding: 0;
width: 400 px;

}

#buttonscontainer li{
display: inline;
}

#buttonscontainer li a
{
background-color: #A07BDB;
text-decoration: none;
color: #4F0D6F;
width: 5em;
height:1.5em;
border-right: thin solid #9966CC;
border-top: thin solid #DEBED6;
padding-right: 1em;
padding-left: 1em;
padding-bottom: .5em;
font: 13px Trebuchet MS, sans-serif;
font-weight: bold;
overflow-x: hidden;
background: transparent url(Buttons/buttonbkg.png)  bottom left repeat-x;
}

#buttonscontainer li a:hover
{

background-color: #A07BDB;
text-decoration: none;
color: #4F0D6F;
width: 5em;
height:1.5em;
border-right: thin solid #9966CC;
border-top: thin solid #DEBED6;
padding-right: 1em;
padding-left: 1em;
padding-bottom: .5em;
font: 13px Trebuchet MS, sans-serif;
font-weight: bold;
overflow-x: hidden;
background: transparent url(Buttons/buttonbkg_h.png)  bottom left repeat-x;
}

#buttons  a:active, .buttons a:focus
{
background-color: #A07BDB;
text-decoration: none;
color: #4F0D6F;
width: 5em;
height:1.5em;
border-right: thin solid #9966CC;
border-top: thin solid #DEBED6;
padding-right: 1em;
padding-left: 1em;
padding-bottom: .5em;
font: 13px Trebuchet MS, sans-serif;
font-weight: bold;
overflow-x: hidden;
background: transparent url(Buttons/buttonbkg_a.png)  bottom left repeat-x;
}

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->