CSS Div Problem in IE8 - Huge gaps i can't explain

I'm really no开发者_如何学运维t a CSS guru as you will notice :) I have a rather simple site, but I just can't see why IE8 adds such huge gaps between the packshots.

http://www.videospielkalender.de/

I'd be very happy if someone can point me in the right direction. I really searched a long time. I really tried :)

Thanks in advance Oliver

---

Seems that you are creating the following structure for a link:

<a href="bla">
    <div class="container">
        <a><img/></a>
    </div>
</a>

So my first question would be: Why is there a div in your link? You have to keep into account that a div is a block element and the a is an inline element. For a good reason, IE doesn't get you with this structure.

Try reshaping your containers to something with less irrelevant css. For example: you could create simple <div class="container"> elements with the same structure as you have now, but do not explicitly add height and weight to it. HTML can figure these things out by himself.

---

Without delving too deeply into your code, I believe that there is a bug in IE, which means that you have to allow an extra pixel occasionally, because things will not always fit precisely.