css linkbuttons question...

[a8le]

hi all,

can someone explain why my css linkbuttons, don't properly display on firefox...

what i noticed is css links show up fine.

this is the css for the buttons....

.Link,A.Link:Link,A.Link:Visited
{
background: url('Images/linkbutton_bg.gif') repeat-x bottom center;
border: 1px solid #CDCDCD;
padding: 2px 2px 2px 2px;
text-align: center;
height: 18px;
width: 80px;
text-decoration: none;
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
color: #403F3F;
filter:progid:DXImageTransform.Microsoft.Shadow(co lor='#CDCDCD', Direction=135, Strength=2) ;
}

well, i know that firefox doesn't support the gradient, but it doesn't seem care for my width or height specifications either...

my website.... click here (http://www.noteful.com/)

-a8le

[ecsyle]

I think it is because anchor tags are inline elements and not block elements. You can't tell an inline element to be a certain width or height because that is just not how they were designed. It works in IE because IE is retarded.

[a8le]

I see, is there a workaround for this... that you might know of? Or, any advice you can give regarding the buttons? -a8le

[ecsyle]

display:block;

[a8le]

where do i put that in the css? and i forgot to mention that normal links, take in the css just fine in firefox...

http://www.noteful.com/PublicPortal/SecretsConfessions/tabid/57/ctl/View/mid/380/ConfessTwoID/389/Default.aspx

the del.icio.us "save this page" link is using the same css...

why is that?

-a8le

[ecsyle]

Put it in the css definition for the link...

Wait a minute. What exactly isn't working? What buttons? I think I misread your post the first time.

[a8le]

hahahah, ecsyle, you rock!!! :) thank you sooooo much. it worked. i'll have it live, by the end of the day. :)

edit: i just saw your edit... forget what i said... it works, i am happy! thnx.
-a8le