Scroll Bar Messes up My Image Background

[Sarin]

http://alohareptiles.webs.com/

iFrame code in my index

<TD ROWSPAN="3" COLSPAN="7" WIDTH="576" HEIGHT="438">
<IFRAME name="home" src="home.html" style="border:none" frameborder="0" width=576 height=438 marginwidth=0 marginheight=0 scrolling=auto></IFRAME></TD>

BG code in my main page

<style type="text/css">
body {
background-image: url("/images/layout2_4x1.png");
background-position: center;
background-repeat: repeat;
background-color: #C0C0C0;
background-attachment:fixed;
}
.main {
background-color:#fff;
}

</style>

If there's any way to fix this whether or not I have a scroll bar that would be awesome.

Even better would be if you guys could tell me how I would make that image at the top left be over the text instead of under... Instead of being the bg image... If that makes sense.

Thanks!

[Sarin]

Anyone?

[bluewalrus]

You shouldn't be bumping your post 5 hours into posting, give some time for a response..


background: #C0C0C0 url(/images/layout2_4x1.png) repeat fixed center center;

[Sarin]

Thanks but that doesn't seem to be working.. Or I am most likely installing it wrong. Could you please be a bit more specific?

[Sarin]

Changed the main page, the problem now is in the 'news' section. Basically the same code as above was used.