Hi, i'm trying to hover over an image and would like to to change its colour when hovered.

My Html is:

<a href="#" data-reveal-id="myModal"><div id="wrap"><img src="img/plan1.png" alt=""></div></a>

<div id="myModal" class="reveal-modal xlarge" data-reveal>

css:

#wrap {

position:relative;

}

#wrap:hover {

position:relative;

border: blue;

}

Some one pleaase help, I dont know where i'm going wrong.

Hey guys, I have fixed this problem now by using opacity in css. Thanks for viewing the post though

Don't forget to remove the position relative, in those instances it isn't doing anything useful