<a> nested inside another <a>

I am using the Colorbox module with the Views module. For the Colorbox trigger, the "Trigger field" is set to Image and this is the code that gets produced.

<a href="/content/vietnamese?width=600px&amp;height=400px&amp;inline=true#colorbox-inline-1804756037" class="colorbox-inline" rel="gallery-translation_banner">
  <a href="mysite/content/vietnamese?width=500&amp;height=200&amp;iframe=true" title="Vietnamese" class="colorbox-node">
  <img typeof="foaf:Image" src="mysite/sites/default/files/vitetnamese.jpg" width="128" height="77" alt="Vietnamese" />
  </a>
  </a>

An tag is nested inside another tag.

Why is this happening, and how do I change it?