# Cannot override default a:hover in an image

**URL:** <https://forum.kirupa.com/t/cannot-override-default-a-hover-in-an-image/320937>\
**Category:** Uncategorized\
**Created:** [April 6, 2011, 7:14am UTC](https://forum.kirupa.com/t/cannot-override-default-a-hover-in-an-image/320937 "2011-04-06T07:14:02Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dimitree](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/dimitree/32/2530_2.png) [@Dimitree](https://forum.kirupa.com/u/Dimitree)\
**Post date:** [April 6, 2011, 7:14am UTC](https://forum.kirupa.com/t/cannot-override-default-a-hover-in-an-image/320937/1 "2011-04-06T07:14:02Z")

</div>

In my main css I have a style:

```php

img {
	border: none;
}

```

also in my typography.css I have this code:

```php

a:hover{color: #F1DA5D; text-decoration:none; background-color:#0b3c5e;}

a:hover img {
	background-color: transparent;
}

```

Although I tried both and the [COLOR=“DarkRed”]_!important_[/COLOR] nothing works when i place an img between an \<ahref\>\</a\> code.