Horizontales Menü - kein Coolmenü

style type="text/css" media="screen">
<!--
/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul.class, li.class
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li.class a
{
padding-right: 20px;padding-top: 2px;
}

div.menu1
{
position: absolute;
left: 50%;
margin-left: -200px;
z-index: 3;
top: 676px;
width: 800px;
}

.menu2 li
{
width: 115px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu1 a
{
background-color: transparent;
background-image:urlAdresse);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
cursor: pointer;
height: 16px;
color: #FFE7BA;
}

.menu1 a:hover
{
background-color: #FFE7BA;
background-image:urlAdresse);
color: #261300;
height: 16px;
color: #FFE7BA;
}
//-->
</style>
<div class="menu1">
<li><a href="Linkadresse" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Buttontext 1</a>
</li>
<li><a href="Linkadresse" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Buttontext 2</a>

*/ Beliebig fortsetzbar ....

</li> </div>

#Navigation{
position: absolute;
left: 50%;
top: 260px;
margin-left: -490px;
width: 980px;
height: 40px;
padding: 3px;
background-image:url(http://Bildadresse);
background-color: #660000;
border:0px solid #FFFFFF;}

<div id="Navigation><a href="#">Link 1</a> | <a href="#">Link 2</a> | <a href="#">Link 3</a> | <a href="#">Link 4</a> | <a href="#">Link 5</a> | <a href="#">Link 6</a> |</div>

<div id="Navigation"></div>

<div id="Navigation">hier die Links</div>
</td> </tr> </table>
<div id="Giga">
<div id="Header"><font color="#3AA9CA"></font>
</div>

<div id="links">

<div id="content_top"> [subpage] </div> <div id="container">
<div id="header_container">
<div id="pre_header"></div>
<div class="header"><h1 id="header"><span>www.kirmesportal.de.tl</span></h1></div>
<div id="post_header"></div>
</div>