Проблема отображения iframe в сплывающем блоке на CSS в IE

В Internet Explorer не отображается содержимое фрейма в всплывающем окне, отображается только рамка блока, всплывающий блок реализован через CSS, во всех других браузерах все работает.
Побаловался со слоями, добавлял то ли в всплывающий блок, то ли в саму страницу отоброжаемой во фреме, уже не помню, с IE7 помогло с IE8 нет. В итоге плюнул на это дело, теперь опять решил этим занятся. Если кто может помогите с ришением проблеммы. Сам сайт  http://engramm.su/ и часть кода htm и CSS;
----------CSS----------
#prompt {
   position:relative;
   z-index:100;
   width:700px;
   margin: 5px auto 0;
   text-align: center;
   border: 1px solid gray;
}
#map {
   position:absolute;
   display:none;
   text-align: left;
   border: 1px solid black;
   left: -1px;
}
#prompt:hover #map {
   display:block;
   background-image: none;
}
#map iframe {
display:block;
height:540px;
border:none;
width:700px;
box-shadow: 0 0 20px #40310a;
}
----------html----------
      <div id="prompt">
         <a href="http://engramm.su/site_map.html">Карта сайта</a>
            <div id="map">
               <iframe src="http://engramm.su/site_contents.html" allowtransparency=""></iframe>
            </div>
      </div>