[Aerpe]

Jag fattar kanske inte riktigt vad du vill men jag försöker.

CSS

#image-wrapper{
 width:680px;
 height:auto;
 margin:0 0 5px 0;
}

#image{
 float:left;
 width:100%;
 height:auto;
}

#text{
 float:left;
 width:100%;
 height:auto;
}

#words{
 float:left;
 width:100%;
 height:auto;
}

img{
border:none;
}

img a{
border:none;
}

HTML

<div id="image-wrapper">
 <div id="image"
  <img src="bild.jpg" />
 </div>
 <div id="text">
  Lite text
 </div>
 <div id="words">
  Några ord
 </div>
</div>

class istället för id på divarna om du har flera

Sen vettetusan om det behövs något hack för att komma runt eventuell IE bug.

Personligen brukar jag göra så här

<div id="images">
<% for image in @image %>
 <div class="image-wrapper">
  <div class="image">
   <img src="" />
  </div>
  <div class="image-description">
   <p>text</p>
  </div>
  <div class="image-tags">
   <% for tag in @image.tag %>
    <span class="image-tag">ord/tag</span>
   <% end %>
  </div>
 </div>
<% end %>
</div>

Och sedan köra med floats i css.