linojon wrote: > Here's a demo of my problem http://www.parkerhill.com/hover-test.html > > When this page is viewed in Firefox or Safari, and you hover over any > of the list items, you can link to the 'overlaid' link. But in IE7, > you must only hover over whitespace to have a link; if you hover over > text it wants you to select text. Changing the order of elements, or > using nested div's doesnt seem to help. > > Is there a way to force IE to make the entire <li> a link? > or a better way to accomplish this that works in all browsers? > (and preferably without using javascript) > > Thanks > linoj
This seem to be a problem in IE handling of list, IE8 still has this bug. <http://css-class.com/test/bugs/ie/8/no-pointer-on-hover-with-markup.htm> I first noticed it ironically on Live Search last night while using IE8. :-) <http://search.live.com/results.aspx?q=ie+li+hover+bug&src=IE-SearchBox> Hovering over any of the search links will show no pointer. But clicking the links work. In your test case clicking the text does nothing. Here is a work around. http://css-class.com/x/list-items-and-hover.htm The only changes I made was with new CSS. Note the t1.png image which is a transparency on the anchors. IE8 needed the anchors to be move to the bottom of the list. I did this since they were showing a gap at the top when located at the top. I have tested in IE7 toggle mode and appears to works. You may want to add a transparent png hack for IE6. I hope this works for you. Alan http://css-class.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/