Bootstrap 2.3.2 popover style not working on IE 11 (and older)

Question

I'm creating a simple bootstrap 2.3.2 popover on my page and it works perfectly on Chrome and Firefox, but when it comes to IE, the popover style is not showed correctly:

IE screenshot

Here is my code:

<a href="#" id="pop" rel="popover">(ver detalle) </a>

<div id="popoverContent" class="hide">
  <p>110001</p>
</div>

Javascript:

    $("#pop").popover({
        content: $('#popoverContent').html(), 
        title: "Detalle"
    });

Answer 1

The problem was that internet explorer was running the page in compatibility view mode wich was enabled by default for intranet websites. I solved it by pressing Alt key to show the menu bar and going to Tools>Compatibility View Settings, and unchecking the "Display intranet sites in compatibility view."