Alignment problems in the Extension Library Application Layout Placebar in IE but not Firefox

Question

Got an interesting CSS problem. The first graphic shows the buttons on the PlaceBar in IE where the "Views" button is pushed up. This button has children if this makes a difference. In FireFox everything lines up perfectly. Does anyone know if this is adjustable in the CSS and if so where?

Answer 1

You can force IE not to use compatibility mode by using the X-UA-Compatible meta tag to control the version of IE to render the page for.

Add the following meta tag to enable IE8 Standards Mode:

<meta http-equiv="X-UA-Compatible" content="IE=8" >

You can add the meta tag in a theme using:

<resources>
  <metaData>
    <httpEquiv>X-UA-Compatible</httpEquiv>
    <content>IE=8</content>
  </metaData>
</resources>

Answer 2

I've found another fix. Add this to the CSS:

.lotusPlaceBar .lotusBtnContainer {
    float: right;
}