Question

http://www.pressedweb.com/beta/#portfolio

My anchor tags (highlighted in red dashed border) are being created by their own free will. I have no idea how to get rid of them and have been working at this for hours now.

Any ideas? Is this some freaky cross-browser bug? Or is it just a problem with my markup?

Thanks.

Answer 1

I thinkg this fix will work for you:

div .portfolio .works a img {
-moz-box-shadow:1px 2px 3px #222222;
opacity:0.8;
}

div .portfolio .works a {
border:1px solid #FF0000;
display:block;
float:left;
height:220px;
margin:0 10px 10px 0;
padding:4px;
width:280px;
}

Basically what i did was just switched some styling from img to anchor. You can see in this image that it does work ok.