firefox compatibility with width property

[reeg]

I'm fairly new to using css and am having problems formating link text to look like buttons.

My style sheet contains the following
.buttons {font-family:"Trebuchet MS",Arial;color:black;
font-size:15px; font-weight:bold;
background-color:#efefef;
border: outset #FEFEFE 5px;
padding: 2px;
margin: 2px;
text-decoration: none;
background-image: none;
width: 90px;
text-align: center;
float:none}

This works fine for I.E 6.0 browser, but using firefox 1.0.2 the width, padding and margin values seem to be being ignored.

check out

<Sorry, no personal URLs.
See Terms of Service [webmasterworld.com]>

Any help appreciated

[edited by: tedster at 4:39 pm (utc) on April 14, 2005]

[Robin_reala]

Site links aren't allowed according to the TOS, but I'm guessing you're using just <a> elements? <a> is defaulted to be an inline element, which can't take widths etc. Try adding display:block; to your .buttons class.

[Farix]

1) Are you using the full doctype to set IE into standards mode?

2) Are you sure you are applying the class to a block-level element and not an inline-level element?

[reeg]

Thanks for the tips - the Display: Block did the trick