border color

[oo7ml]

Hi, i have a div that contains an image with a border around it. The image is a link to another page. How do i change the color of the border when the mouse moves over the image.

here is my CSS:

.sector_images 
	{
	height: 100px;
	width: 150px;
	float: left;
	margin: 0px 12px 12px 0px;
	border: 5px solid #000000;
	}

and here is my code:

<div class="sector_images"><a href="page.php" target="_self"><img src="images/image.jpg" alt="image" width="150" height="100" /></a></div>

[gil davis]

The .hover pseudo class currently works only on anchors. If you move your border to the anchor and make the img border 0, you could use css to do it.

Otherwise you will have to throw some javascript at it to change the border-color onmouseover:

<img src="..." onmouseover="this.style.borderColor='red'" onmouseout="this.style.borderColor='black'">