-----Original Message----- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of r...@catjuggling.com Sent: Monday, November 09, 2009 12:30 PM To: CSS-D Subject: [css-d] why does Firefox add padding?
I have tried this page in Chrome, Safari, IE6, and Firefox. In the first three browsers I get the result I expect, but Firefox is doing its own thing. http://www.mcmullincreative.com/crows/ The wide column is divided into identical sections. Each section has an image floated left, and a title and description to the right. The words "This is the title" are supposed to be aligned with the top of each image. In Firefox, I am seeing an additional 20px of padding on the top, which pushes the title, and everything else, down. It is no longer flush with the top of the image. I can't seem to figure out how to fix it. Any help would be appreciated. Thanks. -------------------------- 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. It's all well illustrated in Firebug. ---Tim ______________________________________________________________________ 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/
