Hey,

I'm having some trouble with a image link in my wordpress blog, heres the html/css, just pop it into a file and view it, you will understand what I mean:

Code HTML4Strict:
<style>
body{
  color:#000000;
  font-family:Verdana;
  font-size:0.6em;
}
 
.entry a{
color:#15A1DC;
border-bottom:1px dashed #6CC509;
text-decoration:none;
font-weight:bold;
}
 
.entry a:hover{
color:#fff;
background:#15A1DC;
text-decoration:none;
font-weight:bold;
border-bottom:0px;
}
 
.entry a img{
border:none;
}
</style>
 
 
<div class="entry">
<p>blah blah blah  <a href="http://google.com">test</a> blah blah blah</p>
<p><a href="http://google.com"><img src="http://i2.sitepoint.com/graphics/flipbook.jpg" title="test" alt="&nbsp;" /></a></p>
</div>

...when you hover over the image, the dashed green border goes away (due to ".entry a:hover"), but all border:none; on .entry a img does is remove the #15A1DC border (well, its acctully the background).

Anyone know how I could remove the green dashed border under the image?

Cheers in advance!

fLUx

P.s. I understand this works...

.blah a{
border:none;
}

... but surely their is a way to do it without diving into Wordpress's insides to add "<div class="blah">...</div>" where it turns the WYSIWYG image into the html?