<p>I've got the following in my .css file creating a little image next to each link on my site:</p>

<pre class="lang-css prettyprint-override"><code>div.post .text a[href^="http:"]
{
    background: url(../../pics/remote.gif) right top no-repeat;
    padding-right: 10px;
    white-space: nowrap;
}
</code></pre>

<p>How do I modify this snippet (or add something new) to exclude the link icon next to images that are links themselves?</p>

It might be worth it to add a class to those
```
<a>
```
tags and then add another declaration to remove the background:
```
```
div.post .text a.noimage{
   background:none;
}
```
```