Html IE中并排的缩略图

所以这是IE问题中常见的并排缩略图，我通常用这段代码来解决这个问题，但由于某些原因它不起作用，有什么帮助吗

我正在使用一些HTML5的东西，所以我不确定这是否是原因，第一次使用

    <aside id="thumbgrid">
        <?php $i = 0; while ($browndog_portfolio->have_posts()) : $browndog_portfolio->the_post(); ?>


            <article class="portfolioitem" id="post-<?php the_ID(); ?>">
                <a class="popout" href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('portfolio-post-image'); ?></a>
                <p class="title"><a class="popout" href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></p>
            <p class="timecode"><?php echo get_post_meta($post->ID, 'Timecode', true);?></p>
            </article>
        </aside>

---

您没有提到IE的哪个版本，但是<9的版本不直接支持新的HTML5标记。查看详细信息和解决方法。

它在IE8中有效，但在IE7中无效。奇怪的是，在IE7中，其他所有内容都正确定位在页面上？我有一个代码，可以下载IE9之前的内容，顺便说一句，它应该可以正常工作，但是的，IE7和以下版本中出现了这个非常随机的问题。所以我想是CSS？

#thumbgrid {
width: 720px;
}
.portfolioitem{
float: left;
margin-bottom:15px;
margin-right: 17px;
display: inline-block; *display:inline; *zoom: 1;
}