How do I fix how this CSS looks in IE6?

I built this site using CSS, and it doesn't render quite right on IE6. The main DIV should not scroll off the page on 1024x768, but it seems to be expanded vertically because of the size of the watermark image. NS6 renders it properly. The main div should be centered no matter the browser windows size.

Any ideas?

Site

Statik

maybe you should on your widths and heights put what type you want. Such as instead of <width=250 height=200> you'd put <width=250px height=200px> or just define ur width and height in a css class altogether.

And to my thinking, hehe, if it views what you want in netscape and not in IE, It's probably netscape rendering it wrong...

haha just a thought.

This is a different approach using just the table features. Seems to work fine with IE6.

I've not sized the cells acurately, but they seem to resize nicely when the window resizes.


good luck



<table border="0" cellpadding="0" cellspacing="0"
style="border-collapse: collapse; background-image: url('largewatermark.gif'); background-repeat: no-repeat; background-attachment: fixed; background-position: center"
bordercolor="#111111"
background="largewatermark.gif"
width="100%"
id="AutoNumber1"
height="100%"
bgcolor="#EBF5FF">
<tr>
<td align="center" valign="top">
<img border="0" src="left.gif" width="23" height="122"><img border="0" src="spacer.gif" width="146" height="122"><img border="0" src="topbar.gif" width="372" height="122"><img border="0" src="spacer.gif" width="146" height="122"><img border="0" src="right.gif" width="23" height="122">
</td>
</tr>
<tr>
<td align="center">&nbsp;</td>
</tr>
<tr>
<td align="center">
<img border="0" src="customer.gif" width="250" height="49"></td>
</tr>
<tr>
<td align="center">&nbsp;</td>
</tr>
<tr>
<td align="center"><img border="0" src="broker.gif" width="250" height="49"></td>
</tr>
<tr>
<td align="center">&nbsp;</td>
</tr>
</table>

I was hoping to stay with only CSS.

I changed it to px, but nothing changed.

Statik