[css-d] image border hover states

[Jason Chan]

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/