I want a fixed width background colour when hovering over my links but no matter what I set the width to the hover is relative to the width of the link. I want the width of the hover the same size as the longest link i.e. Fighter Profiles. It’s more confusing than it sounds.
http://mbmitservices.co.uk/MMA/index.html
ul {
position:relative;
list-style-type: none;
margin-top:260px;
margin-left:100px;
font-family: 'MMA';
font-size:30px;
}
ul a:hover {
color:#2864c4;
background-color:#000000;
margin-left:-20px;
padding-left:20px;
padding-right:20px;
width:100px;
}