Подсказка в проблемах с расположением IE

Question

Вот какой-то код, который я использую для всплывающей подсказки, которая нависает над его элементом, поэтому она не отображается под и не позволяет пользователю прокручивать ее, чтобы увидеть ее. Он отлично работает во всех браузерах, кроме IE. В IE он располагается ниже элемента вместо него.

Как исправить ошибку позиционирования с помощью IE? Я в тупик.

<style type="text/css"> 
.ToolTip 
{ 
    border: 2px solid black; 
    background:#fff; 
    display:none; 
    padding:10px; 
    width: 325px; 

    z-index:1000; 
    -moz-border-radius:4px; 
} 
</style> 

    <script language="javascript" type="text/javascript"> 
     $(document).ready(function() { 


    $(".tip_holder").hover(
       function() { 
        var $containerWidth = $(this).width(); 
        var $offset = $(this).offset(); 

        $('#ToolTipPopUp') 
         .prepend('<div id="tooltip" class="ToolTip">' + $("#ToolTipHolder").text() + '</div>'); 

        var $tipWidth = $('#tooltip').width(); 
        var $tipHeight = $('#tooltip').height(); 

        $('#tooltip').css({ 
         'top': $offset.top - ($tipHeight + 15), 
         'left': $offset.left - ($tipWidth - $containerWidth)/2, 
         'position': 'absolute', 
         'display': 'block' 
        }); 

       }, 
       function() { 
        $('#tooltip').remove(); 
       } 
      ); 

     }); 

    </script> 


<img src="/Content/Images/WhatsThis.png" class="tip_holder" /> 
        <div> 
         <div id="ToolTipPopUp"></div>  
         <span id="ToolTipHolder" style="display:none;">For Visa, MasterCard 
          and Discover, the card verification number is a 3-digit security code that is printed 
          on the back of your card. 
          <br /> 
          <br /> 
          For American Express, the card verification number is 4-digits and appears on the 
          front of the card. The number appears on the signature strip after the last four 
          digits of your account number. 
         </span> 
        </div> 

Answer 1

IE будет вести вас безумным. Если вы не против использования javascript для решения проблемы, вы можете использовать или вы можете использовать условные операторы для использования другой таблицы стилей для IE следующим образом: <!--[if IE 8]> link your stylesheet here <![endif]--> Вы можете использовать несколько разных версий if-операторов IE, просто google "IE if заявления".