iframe FF but not IE

I'm showing the code for an iframe that works great in Firefox, but in I.E. the iframe is always open (inline).  If I add display:none in the CSS, then the frame never shows, even though I have display:inline on the hover.
Explanation:  Show a list that when on hover, it displays an iframe.  On click, it goes to another form.  Can't use Ajax - just need help on current code (if possible).
BBDetails.php just displays a table.
Thanks in advance!

<style type="text/css">
  div.iframe-holder > div {
    display:none;
    position: absolute;
    width: 650px;
    height: 300px;
    z-index: 1000;

    margin-top: -20px;
    margin-left: 22px;

  }
  div.iframe-holder > div > iframe {
 
    width: 100%;
    height: 100%;
    border:0;
 }
 
  div.iframe-holder:hover > div  {
    display:inline;
    margin-top: -130px;  
    top:auto; 
    left: 120px;
    z-index: 999;
 }
</style>

  <style type="text/css">
  div.iframe-holder > div {
    display:none;
    position: absolute;
    width: 650px;
    height: 300px;
    z-index: 1000;

    margin-top: -20px;
    margin-left: 22px;

  }
  div.iframe-holder > div > iframe {
 
    width: 100%;
    height: 100%;
    border:0;
 }
 
  div.iframe-holder:hover > div  {
    display:inline;
    margin-top: -130px;  
    top:auto; 
    left: 120px;
    z-index: 999;
 }
</style>
<?php 
// fill an array ($rarr) from a database

$ctr = count($rarr);
for($a=0; $a < count($rarr); $a++) {
  $str=($rarr[$a]);
  $tmparr=explode("\t", $str);
  $tmp = "temp$a";
?>

  <div class='iframe-holder'><b>
  <a  href="javascript:ShowProject('<?php echo $tmp1; ?>'"   id="<?php echo $tmp; ?>  "> 
  <?php echo  $tmparr[5] ?></font></a></b>
  <div class='ifrm'>
     <iframe  src="BBDetails.php?tmp1=<?php echo $tmp1.'&tmp2='.$tmp2; ?>">
     </iframe>
  </div>
</div>

Select allOpen in new window