Gap in Background in Opera and Firefox

[Sevenmatthew]

Hi, Sorry i am new to css and i dont understand why this is not working. Look at this link --> http://www.sevendownload.com/ok/

In Internet Exporer it looks ok but in opera and firefox there is a gap in the layout. The bottom part (the transpartent black box) is a background and it should be feither up. Heres the code:

<style type="text/css">
<!--
body {
background-image: url(Aqua-Blue.jpg);
background-repeat: repeat-n;
background-attachment: fixed;
background-position: 50% 0%;
}
div#content
{
margin:auto;
width:100%;
height:100%;
padding-top: 5px;
}
#contentmain {
padding: 0;
align:center;
margin:auto;
height: auto;
width: 900px;
background-image:url(images/Middle.png);
background-repeat: repeat-y;
}
-->
</style>

<div id="contentmain">
<p>My Name is Matthew! </p>
</div>

Thanx please help! :o

[_Aerospace_Eng_]

#contentmain p {
margin:0;
padding:10px 0;
}
I recommend that you start doing some CSS tutorials because from the looks of things you are making up CSS.

Validate your CSS.
http://jigsaw.w3.org/css-validator/

Validate your HTML
http://validator.w3.org/

Using those two links you'll be able to fix your coding errors. Yes you do have some.

[Sevenmatthew]

Didnt really Help.

[Sevenmatthew]

I didnt really, help!

[Excavator]

Hello Sevenmatthew,
_Aerospace_Eng_ is right about the tutorial suggestion. Have a look at what the validator has to say: http://validator.w3.org/check?verbose=1&uri=http://www.sevendownload.com/ok/

Do you really need tables for this? Check my the links in my sig.

[Sevenmatthew]

Hey thanx i got rid of the tables but still got the problems. But it works great on opera and firefox but not internet explorer now! lol :)

[_Aerospace_Eng_]

If you actually read my whole post, your solution is there. Learn to read everything before you say something doesn't help.