Since IE doesn't support :hover on an LI tag, you will have to use the <a> to get what you want. Start with setting the <a> to "display: block;" and all margins and padding on both types of tags to zero. Add from there understanding that adding padding or margin to the LI tags will space the hovered blocks out. If you must hover the LIs you will have to use JS to add a class to them on hover to mimic the CSS :hover functionality.
- Tim (Please forgive any typos caused by huge fingers on a teeny phone keybard.) On Nov 8, 2010, at 7:32 AM, Lisa Frost <birdiefr...@gmail.com> wrote: > Hi, > I've tried every combination of padding and margin i can think of, on the > <li> or the <a> tag and can not work out which tag i should be targeting to > get a hover effect where the background colour changes to fill the whole > menu item (ie box), not just behind the text. > > Sorry hard to explain, you can see what i mean by looking at the menu here: > http://www.diabetespolarflight.org/xhtml/template.html > > and css here: > http://www.diabetespolarflight.org/css/mainstyles.css > > Can anyone point me in the right direction? > > Thanks > > Lisa > ______________________________________________________________________ > 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/ ______________________________________________________________________ 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/
