under £500.
Think I deserve a present? See my Amazon Wish List
IE 5.5 Image Hover bug
body { font-family: verdana, arial, helvetica, sans-serif;
font-size: 76%;
color: #000;
background-color: #fff ;
margin: 20px;
}
p { font-size: 1em; }
a:link {color:#66f;}
a:visited {color:#66c;}
a:hover {background-color:#69c; color:#fff;}
.nobo{ float: none;
width: 220px;
border: none;
background-color: #fcc;
}
.yobo{ float: none;
width: 220px;
border: 1px solid #f00;
background-color: #cfc;
}
.yobo a:hover img { border: 4px solid #000000; }
.bobo{ float: none;
width: 220px;
border: none;
background-color: #ffc;
}
.bobo a:hover img { border: 4px solid #000000; }
Image without a link
Now for some weird bugs... IE 5.5 seems to lose the image if the width/height isn't specified on a roll over if one uses border on hover. Weird!
What's more, it's possible to make the image load smaller in some curcumstances.
Image with a link. Class nobo. No border specified. No width/height specified.
Image with a link. Class yobo. Borders on the div and on the hover. No width/height specified. IE loses the image when you rollover.
Image with a link, class bobo. Border on image hover only. IE loses the image when you rollover.
Image with a link. Class yobo. Borders on the div and on the hover.
Image with a link, Class bobo. Border on image hover only. width/height specified for image.
Share this!