Div tag settings not working in IE6

programming web dev
1

I’ve got an image placed inside a div tag where the div is set to a height and width of 100%. The div has a “fixed” position with a “left” value set to “-36px”, which ensure’s it shows up exactly where I want it to. Everything that I setup in the style sheet works fine with Firefox 1.5x; the problem - big surprise - is that it doesn’t work at all in IE6.

Basically what’s happening in IE is that the scroll bars are still showing up (which I don’t want to happen) and it doesn’t appear to be recognising the negative-positioning either.

I’m just now learning to use div tags so there’s probably some trick I haven’t figured out yet. Here’s the code I’m using.


<style type="text/css">
<!--
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #566f5f;
    background-image: url(images/bg.gif);
    background-repeat: repeat-x;
    text-align: center;
}
#myTable {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    left: -36px;
}
-->
</style>
</head>


<body>
<div id="myTable"><img src="images/picture.jpg" width="1071" height="738" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="812,437,828,463,1038,409,1018,390" href="mailto:info@email_address.com" alt="Contact Us" />
</map></div>

As I mentioned, it works great in FF but not in IE. If anyone has any ideas or suggestions it would be a massive help :slight_smile:

Thanks!