I've got a list of links, each containing an image that appears in a
fixed location when you hover over the link. Works fine in Firefox,
Netscape and Opera. Hovering on any of the links in IE6 causes all the
text below that link to jump down a pixel or two.
I'm guessing this is the IE a:hover bug, but the Holly hack doesn't fix
it---at least not when applied to the <ul> or to a div created just to
wrap the <ul>.
Been fiddling with this for a couple of days trying various things
suggested in other posts...decided it's time to ask for help!
Carol
http://www.blinn.edu/sbdc/test-bus_conn.htm
relevant css:
ul.bcon {margin-top:16px;}
#pc .bcon img {height:0; width:0;}
#pc .bcon a:hover img {height:330px; width:400px; position:absolute;
top:180px; right:-50px;}
.bcon a:hover {height:300px; width:400px;} /*to make it work in ie*/
#pc .bcon img {display:inline;} /*to override nn style*/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
