setting constant link background colour

[kaiiak]

this is what i have at moment, but it sets the background colour on each link with 2px padding around it....

i want it to set a constant size background no matter what size the word is... its for a menu and i want each colour for links to have consistent size....

ive tried without padding
and also setting a width size, not sure how to ammend it

PHP Code:

#mainmenu a:link,#mainmenu a:vsited{
        background:#00FFFF no-repeat top left;
    padding: 2px;
    margin: 0px; 
        width:150px;
} 


[harbingerOTV]

you have a typo in visited. you have vsited.

fix that real quick and see if it changes anything

[kaiiak]

didnt spot that but, the linked box still doesnt appear constant, its bigger for bigger words, smaller for smaller words

if i added spaces to &bnsp; to each word to make it right length will that work..... but surely theres an easier way...

[slackerbabe]

I think display:block; might be what you need...maybe with bottom margin....such as this:

#navigation li {
margin-bottom: 2px;
}


#navigation a {
background: #00FFFF no-repeat top left;
color: #313F57;
display: block;
width: 150px;
padding-left: 2px;
}

[slackerbabe]

disregard the color: #313F57;