(Mi scuso con i moderatori...Spero nessun problema)

Ciao a tutti, premetto che sono i primi passi per me con i css...
Perciò scusate se le mie domande risulteranno ai limiti dell'imbecillità!



Ho un layout in css a tre colonne... in quella di sx vorrei inserire un menù anch'esso in css..

questa è la parte di codice della colonna :

<div id="navigation">


2) Navigation here. long long
fill filler very fill column column silly filler very filler fill fill
filler text fill very silly fill text filler silly silly filler fill
very make fill column text column very very column fill fill very silly
column silly silly fill fill long filler </p>

perciò il codice del menu deve risiedere in questo punto, giusto ?

Questo che segue è il codice del menu che ho creato con un editor menu e l'anteprima la apre con una nuova pag. html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Free Menu Designs - e-lusion.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="author" content="Ian Main" />
<meta name="Copyright" content="Creative Commons - http://creativecommons.org/licenses/by/2.0/" />
<style type="text/css">
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #F3FAFF;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

/* =-=-=-=-=-=-=-[Menu Seven]-=-=-=-=-=-=-=- */

#menu7 {
width: 200px;
border-style: none dashed dashed dashed;
border-color: #608FB5;
border-width: 1px;
}

#menu7 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 22px;
text-decoration: none;
}

#menu7 li a:link, #menu7 li a:visited {
color: #1D537F;
display: block;
background: url(menu7.gif) repeat-x;
padding: 10px 0 0 10px;
}

#menu7 li a:hover, #menu7 li #current {
color: #fff;
background: url(menu7.gif) repeat-x 0 -32px;
padding: 10px 0 0 10px;
}

#menu7 li a:active {
color: #fff;
background: url(menu7.gif) repeat-x 0 -64px;
padding: 10px 0 0 10px;
}
-->
</style>
</head>

<body>
<div id="menu7">
<ul>
[*]Home[*]Products[*]Services[*]Support[*]Order[*]News[*]About
[/list]
</div>
</body>
</html>

Ora mi chiedo, quale parte di codice devo inserire dopo div ?