ich habe dein Menü mit CSS formatiert da ich mit Shapes (auf IE schiel) so meine nicht gerade positiven Erfahrungen gemacht habe und Menüs in der Praxis auch nicht mit Shapes sondern mit "unsorted List" realisiert werden. Wenn du z.B. eine Karte hättest mit Punkten die du verlinken willst, sind Shapes IMHO genau das richtige.
Ausserdem werden bei den <ul> die Bilder als Hintergrund dargestellt somit entfallen diese lästigen Ränder beim anklicken.
css
* { margin:0;padding:0;height:100%; }
body { background:#1F1714;text-align:center; }
#masterlayer { margin:0 auto 0 auto;text-align:left;width:912px;background:#000000;height:100%; }
#header { background:#000000 url("menu.gif") no-repeat;height:175px; }
/* Ich habe dein Bild in 2 Bereiche geteilt der obere hat jetzt eine Höhe von 175 Pixel, solltest du ein anderes Bild verwenden wollen, ändere hier die Höhe */
#top_menu { height:35px;margin:0;padding:0;background:url("menu_bg.jpg") no-repeat; }
/* Den Rest des Bildes habe ich hier als Hintergrund platziert, auch hier musst du, wenn du ein anderes Bild verwenden willst, den Pfad und evtl. die Höhe abändern, dieser Hintergrund hat auch den Vorteil, dass wenn beim ersten Rollover der Hintergrund nicht schwarz wird bis das Rolloverbild geladen ist und du dir den Code für das preloaden sparen kannst */
#top_menu ul { list-style:none;display:block;margin:0;padding:0; }
#top_menu ul li { float:left; }
#top_menu ul li img { height:35px;display:block;border:none;overflow:hidden; }
/* Ab hier beginnen die Klassen für die Buttons, wenn du keine Rollover haben willst, entferne einfach die Klassen mit der Endung :hover. Wenn du andere Bilder verwenden willst, musst du hier die Pfade sowie die Breite abändern. */
.btn_lineup { width:94px;background:url("btn_lineup.jpg") no-repeat; }
.btn_lineup:hover { width:94px;background:url("btn_lineup_over.jpg") no-repeat; }
.btn_residents { width:117px;background:url("btn_residents.jpg") no-repeat; }
.btn_residents:hover { width:117px;background:url("btn_residents_over.jpg") no-repeat; }
.btn_forum { width:77px;background:url("btn_forum.jpg") no-repeat; }
.btn_forum:hover { width:77px;background:url("btn_forum_over.jpg") no-repeat; }
.btn_gaestebuch { width:128px;background:url("btn_gaestebuch.jpg") no-repeat; }
.btn_gaestebuch:hover { width:128px;background:url("btn_gaestebuch_over.jpg") no-repeat; }
.btn_jugendschutz { width:145px;background:url("btn_jugendschutz.jpg") no-repeat; }
.btn_jugendschutz:hover { width:145px;background:url("btn_jugendschutz_over.jpg") no-repeat; }
.btn_shirtshop { width:126px;background:url("btn_shirtshop.jpg") no-repeat; }
.btn_shirtshop:hover { width:126px;background:url("btn_shirtshop_over.jpg") no-repeat; }
.btn_impressum { width:125px;background:url("btn_impressum.jpg") no-repeat; }
.btn_impressum:hover { width:125px;background:url("btn_impressum_over.jpg") no-repeat; }
#linker_rand { float:left;width:50px;background:url("lbg.jpg") repeat-y;}
#content { background:#000000;float:left;width:812px; }
#rechter_rand { float:left;width:50px;background:url("rbg.jpg") repeat-y; }
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title></title>
</head>
<body>
<div id="masterlayer">
<div id="linker_rand"></div>
<div id="content">
<div id="header"></div>
<!--
Hier beginnt das Blockelement mit dem Menü, da die Bilder als Hintergrund
dargestellt und nicht verlinkt werden können, habe ich jeweils ein leeres Gif
als Dummy eingefügt und dieses dann verlinkt, wenn du anstelle der Bilder,
Text verwenden willst, dann ersetze die <img> Tags mit deinem Text.
-->
<div id="top_menu">
<ul>
<li class="btn_lineup"><a href="#1"><img src="spacer.gif" width="94" height="35" /></a></li>
<li class="btn_residents"><a href="#2"><img src="spacer.gif" width="117" height="35" /></a></li>
<li class="btn_forum"><a href="#3"><img src="spacer.gif" width="77" height="35" /></a></li>
<li class="btn_gaestebuch"><a href="#4"><img src="spacer.gif" width="128" height="35" /></a></li>
<li class="btn_jugendschutz"><a href="#5"><img src="spacer.gif" width="145" height="35" /></a></li>
<li class="btn_shirtshop"><a href="#6"><img src="spacer.gif" width="126" height="35" /></a></li>
<li class="btn_impressum"><a href="#7"><img src="spacer.gif" width="125" height="35" /></a></li>
</ul>
</div>
</div>
<div id="rechter_rand"></div>
</div>
</body>
</html>
hier das Ergebnis (http://home.arcor.de/skydiver_01/msilver/)
hier die files (http://home.arcor.de/skydiver_01/msilver/template.rar)