IE6 only understands "hover" for the anchor (link) tag <a>.
You might try assigning an ID to the anchor tag ("<a") tag and then use that
ID to assign the border.
For Example:
<a id="image-01" href="#">
CSS
#image-01:hover {
border: 2px solid #777;
}
It's possible to to expand the hover functionality in IE to other tags, you
can use "behaviors" or ".htc" files.
Peter Nederlof has created an .htc file which allows "hover" functionality
to be applied to any tag viewed in the IE browser.
Here's the link to his site. He begins by explaining the need for the file
and how it works. Near the bottom of the page is a link to the file.
http://www.xs4all.nl/~peterned/csshover.html
Give it a try, it works,
Joe
----- Original Message -----
From: "Jason Chan" <[EMAIL PROTECTED]>
To: <[email protected]>
Sent: Sunday, June 17, 2007 6:32 PM
Subject: [css-d] image border hover states
> thanks all for answering my first question regarding the image border. i
> have take your advice and used the display: block property for the image.
>
> however, i ran into another problem regarding the hover state.
> basically i want the border of the image to change colors when hovered
over
> and so far this is what i got. It works in FF but not in IE6.
>
> XHTML:
>
> <div id="design">
>
> <h1 id="design_header">Design</h1>
>
> <a href="#"><img src="images/p_imageholder.gif" alt="#" title="#"
> /></a>
>
>
> <ul>
> <li style="margin-right: 60px;"><a href="#">View Portfolio</a></li>
> <li><a href="#">Hire Me</a></li>
> </ul>
> </div>
>
>
>
>
> CSS:
>
> #design img {
> display: block;
> width: 264px;
> height: 67px;
> margin: 0 0 10px 0;
> padding: 0;
> border: 2px solid #ffffff;
>
> }
>
> #design img:hover {
> border: 2px solid #777;
> }
>
> _________________________________________________________________
> Make every IM count. Download Messenger and join the i'm Initiative now.
> It's free. http://im.live.com/messenger/im/home/?source=TAGHM_June07
>
>
----------------------------------------------------------------------------
----
> ______________________________________________________________________
> 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/
______________________________________________________________________
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/
