How Do I Fix the Styling for IE Compatibility Mode?

Issue

v6.0.4 and Compatibility Mode

When enabling compatibility mode for your site the styling in IE moves everything down and has excessive white space.

Resolution

Navigate to the skin folder found in the default location:

C:\inetpub\wwwroot\[site]\skins\default

Edit the three tags:

1. div.left
2. div.mainContent
3. div.error

div.left:

div.left /* Used for Social view left menu */{width:150px;top:62px;position:absolute;left:0;margin-left:5px;margin-right:5px;padding:3px;border-right:solid 1px #D9D9D9; height: 91%}

div.mainContent:

div.mainContent /* Used for Social view main content */{padding-right:12px;padding-left:12px;margin-left:158px;position:relative;}

div.error:

div.error{width:100%; padding-bottom: 5px;}