Images do not align in Internet Explore 8 or 9

In looking at my site http://www.tiny-picture.com/?page_id=2in Explorer 8 and 9 (Adobe Browser Lab), after the first two images , below them there should be three aligned side by side. Instead the image on the left falls below the other two.

Any suggestions for lining these three images so they show correctly in Explorer 8 and 9?

Here is the php code:

<div class="gallerypic2">
  <img src="<?php bloginfo('template_directory'); ?>/images/maryland_gallery.png">
       <div class="desc">Coming Soon: Maryland</div></div>
  <div class="gallerypic2">
      <img src="<?php bloginfo('template_directory'); ?>/images/tennessee_gallery.png">
         <div class="desc">Coming Soon: Tennessee</div>
         </div>
  <div class="gallerypic2">
        <img src="<?php bloginfo('template_directory'); ?>/images/virginia_gallery.png">
         <div class="desc">Coming Soon: Virginia</div></div>

Here is the css:

div.gallerypic2
  {
	display:inline-block;
	height:87px;
	float:left;
	text-align:center;
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 2px;
	width: 113px;
	padding-left: 2px;
  }
div.img img
  {
	display:inline;
	margin:3px;
  }
div.desc
  {
	color: #000;
	font-size: 9px;
	font-family: 'Forum';
	font-weight: normal;
	padding-bottom: 10px;
	line-height: 10px;
  }