Map window doesn't resize upon initial load in IE 8

Discussion created by abrown31 on Apr 1, 2013
Latest reply on Apr 2, 2013 by barbarianim
Due to contractual requirements, our Javascript web mapping application needs to work properly with Internet Explorer (sad, I know).

Anyhow, in IE 8, upon initial load of the application, the map doesn't resize properly to fill the entire map window.

After investigating the HTML code in IE8, it appears that the div class "layersDiv" and id "map_layers" has a default height and width of 400px. If I look at it in Chrome or FireFox, there isn't a height/width set in the code.

How can I remove the default height/width of 400px for the layersDiv window in IE8?

If I turn on compatibility mode in IE8, the window resizes properly upon load.

In my css code, I set #map to:
height:100% !important;
width:100% !important;

There isn't anything in my code anywhere that sets the default height/width of class="layersDiv" or id="map_layers" to 400px. What gives?

Edit: I have this inserted at the top of my webpage, above the title:

<html xmlns="http://www.w3.org/1999/xhtml" runat="server">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>