k, dann hab ich mal n kleines prob noch mit einem eigentlich umfließenden Text... da es sich hierbei um eine Aufzählung handeln soll, musste ich es jetzt folgendermaßen lösen:
HTML-Code: 
/* CSS Document */

body {
background-color: #336666;
color: rgb(255,255,255);
font-family: Courier New, Courier, Arial, Verdana;
font-size: 14px;
text-align:center;
margin: 0px;
padding: 0px;
}

h1 {
font-family: Courier New, Courier, Arial, Verdana;
font-size:16px;
color:rgb(102,102,153);
}

.titel {
font-family: Courier New, Courier, Arial, Verdana;
font-size:14px;
font-weight:bold;
}

ol {list-style-type:decimal;}

div {
background-color: #99CCCC;
color: rgb(0,0,102);
border: 0px;
padding: 0px;
margin:0px auto;
text-align:left;
}

#haupt {
float:left;
width:660px;
}

#zutaten {
background-color: #336666;
color: rgb(0,255,153);
border: 2px dashed #99CCCC;
font-weight: bold;
margin: 0px;
height: 147px;
float:right;
width: 400px;
}

div[id="zutaten"]:before{content:"Zutaten:";}

#menucontainer {
background-color: #003333;
color: rgb(255,255,255);
border: 0px;
margin: 0px;
float: left;
width: 100px;
height: 600px;
}

.menutitle{
font-weight:bold;
text-align:center;
margin:2px;
}
.menucontainer {
border:1px solid #000;
background-color:rgb(255,204,204);
width:106px;
margin:10px;
}

a.menu:link, a.menu:visited
{ 
 color:#003333;
 background-color:rgb(0,255,153);
 text-decoration:none;
}
a.menu:active, a.menu:hover
{ 
 color:#336666;
 background-color:#99CCCC;
}
a.menu {
 display:block;
 padding:3px;
 border-top:1px solid #000;
 background-color:rgb(255,204,204);
 text-align:center;
 font-weight:bold;
 color:#000000;
 text-decoration:none;
 }
HTML-Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <link rel="stylesheet" type="text/css" href="style.css">
  <title>Z. Vamp's Online-Kochbuch</title>
  </head>
  <body>
  <div style="float:center;width:760px;height:600px">
   <div id="menucontainer">
    <p class="menutitle">MENU 1</p>
    <a class="menu" href="#">Hyperlink 1</a>
    <a class="menu" href="#">Hyperlink 2</a>
    <a class="menu" href="#">Hyperlink 3</a>
    <a class="menu" href="#">Hyperlink 4</a>
    <a class="menu" href="#">Hyperlink 5</a>
   
    <p class="menutitle">MENU 2</p>
    <a class="menu" href="#">Hyperlink 1</a>
    <a class="menu" href="#">Hyperlink 2</a>
    <a class="menu" href="#">Hyperlink 3</a>
    <a class="menu" href="#">Hyperlink 4</a>
    <a class="menu" href="#">Hyperlink 5</a>
   
    <p class="menutitle">MENU 3</p>
    <a class="menu" href="#">Hyperlink 1</a>
    <a class="menu" href="#">Hyperlink 2</a>
    <a class="menu" href="#">Hyperlink 3</a>
    <a class="menu" href="#">Hyperlink 4</a>
    <a class="menu" href="#">Hyperlink 5</a>
   </div>
   <div id="zutaten"><ul>
    <li>200 g fettarmer Erdbeer-Quark</li>
    <li>1 Banane</li>
    <li>fettarme Milch ( 1,5 % )</li>
    <!--<li></li>-->
   </ul>
   </div><div id="haupt">
   <h1>Erbeer-Bananen-Milchshake</h1>
   <p class="titel">Zubereitung:</p>
   <ol>
    <li>Schälen Sie die Banane. Und geben Sie sie anschließend in den Mixer.</li>
    <li>Leeren Sie darüber den Erdbeer-Quark aus.</li>
    <li>Darüber kommt jetzt noch die Milch. Wie viel kommt ganz auf die Füllmöglichkeiten des Mixers, bzw. den Hunger der jeweiligen Person an.</li>
   </ol></div></div>
Testtext
  

  </body>
</html>
Ich möchte das jetzt aber so haben, dass der Text links von den Zutaten steht... wie mach ich das bloß, ohne dass die Aufzählungszeichen im Menü auftauchen?


mfg niji