> IE6 has a couple of more serious problems...
> 1: the nav doesn't always show up.
> 2: the nav gets cut off on the right side.
> IE6 needs these additions in the separate stylesheet in order to behave
> "well enough" (IMO).
Thank you very much for the extra code.
I've added it to the IE6 stylesheet.
(I now also have a 'lt IE7' style sheet (to cancel dotted borders) -
would it be better putting these new bits of code there? Maybe they
would fix IE5.5?)
Here's the new version:
I'll go back to the internet cafe this afternoon to check it out in IE6.
I've made a couple of other small changes. The left margin on H1 is
reduced from 28em to 20.5 em (so it fits more snugly against the menu).
And then a horrible workaround: in the previous version, in Firefox
only, when you gradually narrowed the browser window, the H1 element
would move left until it hit the menu. It would then stay fixed (as I
want). But as the browser's right edge passed over the word 'richard',
it would pick the H1 element up again and drag it across the menu (i.e.
the first few letters of my name, 'ric', would never disappear out of
view). I figured out that this behaviour was caused by the 20px RIGHT
padding on the H1 element. One workaround was to put the H1 element in
a DIV, but this broke IE5.2.3 Mac. So instead I removed the 20px right
padding form the H1 element and replaced it with 4 non-breaking spaces
after the word 'photography' - not pretty, but it seems to work!
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/