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."

Answer 2

You had a pretty simple fix, but if you are using a popover and filling in the title you should be sure that you are not emptying it back out. I know we are using bs tooltips, and I used the popover for some d3.js stuff. Well in Chrome I was getting a popover and tooltip, so I emptied the attribute "title" out. That caused IE to freeze on hover. So I had to check if it was IE and not remove the title. It is a mess, but if someone else is having this issue you are not going to see this one coming.