Menü für meine Webseite

Hallo, ich bräuchte ein Menü, wie hier auf dem Screen zu sehen ist: http://img42.imageshack.us/img42/2200/unb

Ich habe das Bild so Programmiert:

</head>

<meta http-equiv="Content-Language" content="de">

<body>

<p>
<img id="profile_pic" class="logo img" alt="User Bild" src="<?echo $domain;?>/img/thumb1/<?echo $bild;?>" width="200" height="150"></p>

</body>

</html>

Wie mache ich das, das darunter diese Schrift geht mit diese Rahmen, das beste wäre mit Div? Bin in HTML & CSS nicht gut. Die Hyperlinks binde ich dann selbst ein.

Gruß Markus K.

Sorry, Link Fehlerhaft. Neuer Link: http://rönix.de/Unbenannt.jpg

Rahmen: Stichwort Border

Hi, habe folgendes Problem, das der Balken über das Menü geht, wie kann ich in der Header Datei den Balken so machen, das es mit dem Menü getrennt ist. Siehe Screen: http://rönix.de/1.jpg

Originale Datei: http://www.rönix.de/TEST.rar

CSS Ausschnitt:

* {margin:0;padding:0;font:normal normal normal 1em/1em sans-serif;text-decoration:none;}
body {font-size:10px;}
#men {width:218px;}
#men p, #men div {margin:9px;}
.img a {border-bottom:1px solid #99f;}
.bsection {border:1px solid #99f;}
.img a, .bsection * {padding:.3em;}
a, dt {color:#aad;display:block;}
h2 {background:#eef;color:#779;font-weight:bold;font-size:1.1em;}

Habe es mit width: …px; versucht… komme aber nicht richtig klar.