IE 5.5 MAC only seems to stack my divs!

[123dhs321]

In my site I have a maincontent div

#maincontent{
float: left;
margin: 0;
padding: 10px;
width: 410px; /* box model hack */
voice-family: "\"}\"";
voice-family:inherit;
width: 390px;
}

and than next to it is a div sidbar (a sub nav)
Code:

#sidebar{
padding: 2px 10px 10px 0;
margin: 0 0 0 420px;
color: #666;
background: transparent;
/* compensates for IE Win bungling */
width: 160px;
float: inherit;
}

In IE 5.5 Mac the sidebar sits and/or is being pushed underneath the maincontent div. In ALL other browsers it sits where its supposed to next to the main body! Only IE 5.5 Mac it doesnt work. Any help would be much apprciated! Thanks for the space.

-ryan

[edited by: tedster at 3:38 am (utc) on Jan. 31, 2004]

[isitreal]

try removing the margin: 0 0 0 420px, then float the sidebar left. That might work, and keep it working in the others. I think what happened is that Mac IE 5.5 has decided that the sidebar is supposed to occupy a single space with a margin of 420 px, and is adding that to the width of the div, that actually sort of makes sense to me too.

[123dhs321]

isitreal,

I changed what you suggested but it still is stacking underneath the maincontent div. I floated it left and took out the margin space but it still now just floats the sidbar div underneath the maincontent div but on the left.

If you or anyone else have any other suggestions let me know! Thanks for your help.

-Ryan

[iamlost]

There are a number of "float" bugs with IE5(mac).

The normal hack is to replace "float:inherit;" with "display:inline-block;".

See if that helps. If it works for IE5(mac) you may have to hide one or the other from certain browsers - I have not tested this very deeply.

[123dhs321]

Thanks for your suggestions! I tried that also and it seems on to effect the stacking.....This is a mystery!

Thanks.