Gallery compound IE bugs

[getdave]

Gallery item currently has a margin bottom. However to make this apply in IE7 you need to put it on the container gallery row

.gallery-row {
    @extend .half-gutter;
    clear: both;
    margin-bottom: $baseLineHeight;
}

Also gallery item anchors surrounding the img tag need to be set to display block in IE7 because inline-block doesn't work in IE7

.gallery-item {
    margin-top: 0;
    padding-top: 0;

    a {
        @extend .img-polaroid !optional;
        @include inline-block;

        .lt-ie7 & {
            display: block;
        }
    }

    img {
        display: block;
        height: auto;
        margin: 0 auto;
    }
}

...which functions as an acceptable fallback for the display.