Bug 57500 - Right padding disappears on anchor tags
Summary: Right padding disappears on anchor tags
Status: UNCONFIRMED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-03-30 13:17 PDT by mruiguy
Modified: 2011-03-30 15:16 PDT (History)
0 users

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description mruiguy 2011-03-30 13:17:17 PDT 
Overview:
I have CSS styles that add 10px of padding on the right of anchor tags.  The CSS also adds a background image on the right side of the anchor tag.  When the browser (Safari and Chrome) window is made narrower, the padding on the right of the anchor is removed and the background image appears behind the anchor text.  The anchor tag is located in a table cell.

Steps to Reproduce:
a {
    background: url("../images/Actions/B_SortUnselected_12N.png") no-repeat scroll right bottom transparent;
    padding-right: 10px;
    width: auto;
   }

<a href="http://..." title="Click to sort.">Link Text</a>

Expected results:
I expect the padding to be preserved so the background image does not move behind the link text.  This works correctly on IE7, IE8, and FF3.6.
Comment 1 Alexey Proskuryakov 2011-03-30 15:16:13 PDT 
Could you please provide a full test case where the problem can be seen?