On Nov 10, 2009, at 4:51 AM, Climis, Tim wrote:
> The extra padding is coming from the rule in line 122
>
> .sidebar-item h3, p, a {
> padding: 3px 19px;
> }
>
> The link is getting some height that floats over to the text, and is
> going above the heading. If you remove the padding from the style,
> it stops. I don't know why. I'll leave that to more experienced
> people on the list.
The <a> is an inline element that gets 3px top- and bottom-padding and
generates a line box. It thus does takes up space. But the actual
content of the link <a>, an image, is floated and moved to the left in
the containing block.
What Firefox does seems completely correct to me.
Float the <a>, move the styling from the <img> to the <a> and you
should be good to go.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
