 <p>In fact it's not cut off at the top, it just has a space at the bottom, which is rendered by the inline <code>img</code>. If your div contains only the image, you can just set <code>font-size:0</code> for your div. Also you can set the border for your <code>img</code> instead:</p> <pre><code>.details-big { border-top: 8px solid #f0f0f0; border-bottom: 8px solid #f0f0f0; font-size:0; } </code></pre> <p>You can also set <code>display:block</code> for your <code>img</code>:</p> <pre><code>.details-big &gt; img { display:block; } </code></pre> <h2><a href="http://jsfiddle.net/FNTqq/" rel="nofollow">Demo.</a></h2>