At 4:02 PM +0000 2/12/07, Sophie Dennis wrote: > >>>> Hi gang: >>>>> >>>>> The link: >>>>> >>>>> http://sperling.com/examples/menuh/ >>>>> >>>>> The problem: >>>>> >>>>> IE 5-6 required the csshover.htc to make this css technique work. >>>>> >>>>> In IE7 the menu works w/o the csshover.htc file, but only when the >>>>> user's cursor is over the text in a menu item and it should be >>>>> whenever the cursor is over any part of a menu item instead. >>>>> >>>>> >>>>> >For IE, even 7, it looks like you need a dimension of some sort on the >LI to get the entire button to behave as a link and not just the text. >Your IE lte 7 styles have #menuh ul li{float:left; width: 100%;} so I'm >guessing it's fine in IE6 et al. > >For IE7 fortunately min-/max- heights or widths will do the trick just >as well. So you can just add "min-height: 1px;" (or similar) to your >#menu LI rule you get the classic IE random vertical space problem. To >fix this you'll also need to add "vertical-align: bottom;" to the rule >to get rid of the extra white space. The full CSS should read: > >#menuh LI { > POSITION: relative; > MIN-HEIGHT: 1px; /*min-width will work just as well */ > VERTICAL-ALIGN: bottom; >} > >You could add these rules just to an IE7 conditional comment block >instead, but they do no harm in any other browser AFAIK (I've only >checked in Firefox) so can go in the main stylesheet just as well. > >-- >Sophie Dennis, Creative Director
Sophie: Works like a charm -- thanks much. Cheers, tedd PS: If you run into a php/mysql problem, drop me a line. -- ------- http://sperling.com http://ancientstones.com http://earthstones.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
