Das hat nix mit dem CSS zu tun, es ist das Hintergrundbild, das du in den Vordergrund gepackt hast:
<body>
<div id="outline">
<img src="images/gradient.jpg" alt="" height="400pt" width="100%" border="0" />
...............
wenn du das Hintergrund-Bild in dein erstes <div> packst, dann kann dein #text ja nur unterhalb beginnen, hm?
Mach ein Hintergrund-Bild daraus:
#outline {
....
background-image: url (images/gradient.jpg) top left;
background-repeat: no-repeat;
}
.........................
<div id="impressum"><a href="index.php?doc=impressum">Impressum</a></div>
<div id="title">
<h4>Annalein - To Do</h4></div>
<!-- Navigation -->
<ul id="main-navigation">
...etc...
</ul>
<!-- Content -->
<div id="text">
<h1>ToDo:</h1>
<ul>
<li> zweite Naviebene: Ãœberschrift anpassen </li>
grüße,
claus