I'm having a CSS problem with the margin property in IE7, specifically, in this page
http://mrkwiz.com/kwiz.php.html
I have a block on the right
#ads_container {
margin-left:600px;
}
that contains a block of ads with percentage margin
#ads {
padding-left:10px;
margin-left:33%;
border-left:1px solid #c9d7f1;
}
in FF/Chrome/Safari, this works fine, and as the window gets narrower, the ad block's left margin gets proportionally smaller, maintaining 33%. in IE7, the left margin starts out more like 66%, and then as I narrow the window, the ad content drops below the block.
Any advice on what I'm doing wrong would be greatly appreciated.
http://mrkwiz.com/kwiz.php.html
I have a block on the right
#ads_container {
margin-left:600px;
}
that contains a block of ads with percentage margin
#ads {
padding-left:10px;
margin-left:33%;
border-left:1px solid #c9d7f1;
}
in FF/Chrome/Safari, this works fine, and as the window gets narrower, the ad block's left margin gets proportionally smaller, maintaining 33%. in IE7, the left margin starts out more like 66%, and then as I narrow the window, the ad content drops below the block.
Any advice on what I'm doing wrong would be greatly appreciated.