If you go to the following URL you will notice a menu bar aligned to the top of the page.

http://site421.mysite4now.net/richregister/dnn/


However, the original HTML version doesn't have this problem.

I am using CSS to display the top graphics. In fact the top graphics that you see in the upper left hand side is done by the following:

<div id="headerrow1">
<table>
<tr>
<td></td>
</tr>
</table></div>


<div id="headerrow_C">
<table>
<tr>
<td></td>
</tr>
</table></div>


I then simply use body background and table background to place the graphics. The menu bar is NOT in a DIV or controlled by my custom CSS file. For information I've pasted my CSS file at the bottom.

The menu (now at the top) should be right below all of that and left aligned. It is in the HTML version but not there. Any ideas on how to get it to behave?

Any help is appreciated.

Joe.


body {postion: absolute; background: url(images/topbar1.gif) repeat-x left top; height: 33px; left: 0px; top: 0px ;width:100%;z-index:0 ;}
p {}
td {}
#headerrow h1 { postion: absolute; background: url(images/Richecho_logo_left.jpg) no-repeat left top; height: 129px; left: 40px; top: 0px; width: 132px ;z-index:0 ;float: left; clear: right;}
#headerrow h2 { postion: absolute; background: url(images/topbar1.gif) left top; height: 33px; left: 0px; top: 0px;z-index:1; }
#headerrow p { background: url(images/topbar1.gif) repeat-x left top; height: 33px; left: 400px; top: 0px;z-index:2}

#headerrow1 table { postion: absolute; background: url(images/Richecho_logo_left.jpg) no-repeat left top; height: 129px; left: 0px; top: 0px; width: 132px ;z-index:1 ;float: left; clear: right}

#headerrow_C table { postion: absolute; background: url(images/RichEcho_logo_Right.jpg) no-repeat left top; height: 129px; left: 0px; top: 0px; z-index:2; width:155px ;float: left; clear: right }

IE is displaying your CSS incorrectly (as usual )

you have this :