I've resolved the second of the three items in my laundry list.
It appears that IE7 was clipping the 1-pixel bottom border on the last line
in the page. I added a rather arbritrary padding-bottom value of 5px to the
div#foot and the border now appears below the hyperlink.
From: Rob Emenecker [EMAIL-REMOVED]]
Sent: Monday, January 21, 2008 10:51 PM
To: 'CSS Discussion'
Subject: source/solution of inconsistencies between FF2 and IE7
I have a web site that I'm working on where I'm getting a few niggling
inconsistencies between FF2 and IE7 (Win), that I want to get resolved
cleanly, without hacks.
First, here is the link:
On this browser, everything appears properly with ONE EXCEPTION. At the
bottom of the right-hand of the "Our Menu" area is a link with a leading PDF
icon graphic. On FireFox, the dotted default <A> style is appearing, and it
should not be superimposed (or underlining) the graphic <IMG> element. This
dotted line does not appear on IE7, which is how it is meant to display. I
don't know if FF has it right or wrong, but I need to get it out of there
without breaking the structure.
Second and Third, on to IE7...
Second, in the second line of the footer, the default, dotted border
underline for <A> elements is not appearing under "Hairy Dog Digital, Inc."
It does appear correctly in FF2. I cannot see anywhere in the cascade that
this would be getting overridden from the default <A> and <A:hover>
Third, if you look at the "italias-screen-IE.css" file, you will see that
there is one sole property value. This was done to get vertical spacing
above the line with the PDF icon consistent with FF2. Without using an IE
hack in the main style-sheet, is there some other simple fix that I might be
FYI... At this point in time the sight is being coded and tested for FF2 and
IE7. Additional tweaking for IE6, Safari, and Opera, will be done after it's
clean and stable in the two primary browsers.
Thanks in advance for any feedback!
Rob Emenecker @ Hairy Dog Digital
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/