Styling an anchor tag with background image — OZONE Asylum, home of the Mad Scientists

This page's ID: 28909

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	So I thought I was doing well, looks well in IE 7, does not look well in FireFox. I have a bacground arrow that is set to display on the bottom right of a linked element with class of more, the "more" link. The html code is: <a href="testimonials.asp" class="more">more</a> The CSS: a.more { padding-left:3px; width:45px; display:inline-block; background:url(/images/arrow_2.jpg) right bottom; background-repeat:no-repeat; line-height:14px; vertical-align:bottom; overflow:hidden; } a.more:hover { color:#FF0109; } The width is ignored in FireFox so the bacground arrow appears half way into my text instead of on the right of my text. Ideas? CSS can be frustrating : ) Karl.. <edit>clean up css from me testing it</edit> [small](Edited by [url=http://www.ozoneasylum.com/user/1249]Karl[/url] on 02-10-2007 20:33)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post