XHTMLforum - Anfängerfrage - warum geht das nciht

ich habe eine CSS Datei, in welcher ein BG Bild so breit definiert wird, wie der jeweilige Bildschirm ist.

auch diverse Container

nur: nachdem ich eine Weile herumprobiert habe, welche Veränderungen wie aussehen (Anfänger), erscheinen die texte nicht mehr über dem BG Bild sondern darunter

was hab ich verbastelt?

CSS Datei
* {
padding: 0;
margin: 0;
}

img.bg {
/* Hintergrund fuellen */
min-height: 100%;
min-width: 1024px;

/* Skalieren */
width: 100%;
height: auto;

/* feste Positionierung */
position: fixed;
top: 0;
left: 0;
}

#content {
/* Der Inhalt liegt auf dem Hintergrundbild */
position: relative;

font-family: helvetica, arial, sans-serif;
font-size: 15pt;
line-height: 20pt;
color: #ffffff;
}

#content h1 {
position: relative;

font-family: helvetica, arial, sans-serif;
font-size: 35pt;
line-height: 30pt;
background-color: #666666 ;
background: top
color: #CCCC33;
}

#content p {
position: relative;
margin-bottom: 20px;
top: 10px;
left: 1050px;
width: 450px;
font-size: 40pt;
line-height: 26pt;
letter-spacing: -0.1em;
word-spacing: 0.1em;
text-transform: uppercase;
}

#content menu {
position: relative;
height: 150px;
width: 250px;
bottom: 60px;
background: #666666;
list-style: none;
text-decoration: none;
text-transform: uppercase;
color: #c6c287;
}

#content #menu ul {
margin: 3px 0 0 75px;
}

#content ul li {
list-style: none;
}

#content ul li a {
text-decoration: none;
text-transform: uppercase;
color: #fff;
}

#content #menu a:hover {
color: #c6c287;
}

body {
/* These rules have no effect on the functionality */
/* They are for styling only */
margin: 0;
padding: 20px 0 0 0;
}
=======================

html-Seite

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Test wegen bildschirmbreitem BG Bild und CSS</title>

<link href="teststyle" rel="stylesheet" type="text/css">
</head>
<body>

<img class="bg" src="http://charterpartner.com/pics/bgscreen.jpg">

<div id="h1">YACHTING</div>
<div id="content"><table> <tr>
<td style="width:510px;">this is the new website</td>
<tr> <td style="width:510px;">for yachtcharter</td></tr>
<tr><td style="width:510px;">We are about to create it in your languaget</td></tr>

</table></div>
<p align="center"> <strong>Coming soon</strong></p>
<p align="center"><strong>SAIL MORE</strong></p>
<p align="center"><strong>Quality in Yachtcharters</strong></p>
<p align="center"><strong>Mediterranean - Caribbean - Polynesia</strong>a</p>

<div id="menu">

<div align="center"><a href="#">About us </a></div>
<div align="center"><a href="#">FAQ </a></div>
<div align="center"><a href="#"> sailing areas</a></div>
<div align="center"><a href="#"> our team </a></div>
<div align="center"><a href="#">imprint & contact</a></div>
</div>

</body>

</html>
===============

ich weiß, dáß das eine sehr simple Anfängerfrage ist, habe auch keine Zeit, Grundlagenwissen aus Büchern zu holen, daher suche ich Hinweise um es on the fly zu beheben und daraus zu lernen. Danke