Posted by test2000 on 08/01/07 07:21

Hello

I have the following code

<div id="Page" style="width: 300px;">
<div id="map" style="width: 280px;">...</div>
<div id="HiddenMenu" style="width: 20px;"> ... </div>
</div>

CSS definition for DIV "map" --> float: left;

in the DIV "HiddenMenu" is a table which is exactly 20px wide.

Unfortunately the DIV "HiddenMenu" is shown under the DIV "map", not
to the right as desired. This problems only occures in IE6 and lower,
not in IE7 or Firefox.

I increased the width of DIV "Page", to 301 and 302. Nothing happened.
But with a value of 303 the DIV "HiddenMenu" is shown on the right
side. But now DIV "Page" is 303 wide and there is a gap of 3 pixel
between the DIV "map" and "HiddenMenu"

Here is the link to the HTML file: http://vueltaa.awardspace.com/problem.html

I read about the Box Model Hack. But these doesn't bring a solution as
my margin and padding are both zero.

Does anyone have a hint as were to look for a solution for this
problem?

Any help is greatly appreciated.

thx

[Back to original message]