Position difference between IE 6 & 7

[tomsimmons]

I have 2 horizontal layout divs across the top of a page, both position relative

I then have 2 vertical layout divs below these, a smaller one to the left for a menu, then a main area on the right.
These are defined in seperate layout.css file.

Within the right hand div, I have a table, of which some td's contains a table, of which some td's contains a table,
a triple nested table!

In the second level table td's that the contain a table, before the table tag I have a div, position absolute that
floats a number over the top of the third level table.

<table>
.
.
.
<table>
.
.
.
<td id = "2" onclick="setDay(2, 2007, 0, 2);" onmouseover="this.style.cursor='default';">

<div style="position: absolute; ">
2
</div>
<table class = "noformat" width = "100%">
<tr>
<td id = "2-am" bgcolor = "cyan">&nbsp;</td>
<td id = "2-pm" bgcolor = "yellow">&nbsp;</td>
</tr>
</table>

</td>
.
.
.

</table>
.
.
.

</table>

This displays fine in Firefox and IE 7, but in IE 6, the floating numbers are all correctly laid out, just aligned to the left
of the page (ie ignoring the left layout div) and too high, (about the right height to be ignoring the 2 top layout divs.

Anyone any idea how I can change this?

To be brutally honest, I don't care how it looks in Firefox, but it must be correct in IE 6 & 7 - company only uses IE you see.

Tom

[Marshall]

Welcome to WebmasterWorld tomsimmons,

If you post the minimum relevant CSS and HTML, it would be easier to provide help.

Marshall

[tomsimmons]

There was one more thing I discovered last night, if I remove the left and right divs, ie the output is naturally hard up against the left of the window, the layout is correct in IE 6.

Aside from that the only other information that may be relevent would be the layout CSS, this is below.

top row layout div = #hdr
next row = #mainmenu
left hand column = #lh-col
main area = #rh-col

#hdr{
background: #002F5D;
border: solid #c6cec6;
border-bottom-color: #c6cec6;
border-bottom-style: solid;
border-bottom-width: 1px;
color: #ffffff;
height: 55px;
font: 10pt Tahoma, Verdana;
}

#mainmenu{
background: #002F5D;
border: solid #c6cec6;
border-top-width: 0px;
color: #ffffff;
height: 20px;
position :relative;
font: 10pt Tahoma, Verdana;
}

#lh-col{
position: absolute;
top: 84px;
left: 0px;
width: 180px;
border: solid #c6cec6;
background:#002F5D;
color: #ffffff;
margin: 0px;
padding: 0px;
height: 400px;
font: 10pt Tahoma, Verdana;
border-top-width: 0px;
}

#rh-col{
margin: 10px 10px 10px 200px;
border: 2px solid #c6cec6;
background: #ffffff;
color: #000000;
padding: 20px;
position :relative;
font: 10pt Tahoma, Verdana;
}

Tom