Unternavigation mit Bildern Anpassung =) brauche Hilfe

**JoeyConta3** · 29.01.2013, 10:53

Hallo Community habe wiedereinmal ein Css Problem =(

Hier mein Aussehn der Seite
Reach.png

Hier der CSS Code
Css navi.png

Firebug Zeigt folgendes an wenn ich Seitenlink Reach untersuche

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml" slick-uniqueid="3">
<head>
<body id="top" class="win firefox gecko fx18">
<div id="wrapper">
<div id="header">
<div id="container">
<div id="main">
<div id="left">
<div class="inside">
<div class="mod_navigation block">
<a class="invisible" href="reach.html#skipNavigation2">Navigation überspringen</a>
<ul class="level_1">
<li class="active first">
<span class="active first">REACh</span>
</li>
<li class="sibling">
<a class="sibling" title="Downloads" href="downloads.html">Downloads</a>
</li>
<li class="suche sibling">
<a class="suche sibling" title="Suche" href="suche.html">Suche</a>
</li>
<li class="sibling last">
<a class="sibling last" title="Sitemap" href="Sitemap.html">Sitemap</a>
</li>
</ul>
<a id="skipNavigation2" class="invisible"> </a>
</div>
</div>
</div>
<div id="right">
</div>
<div id="footer">
</div>
<script src="assets/mootools/mediabox/1.4.6/js/mediabox.js" type="text/javascript">
<script type="text/javascript">
<script type="text/javascript">
<script id="cron" src="assets/contao/js/scheduler.js?t=86400" type="text/javascript">
<div id="mbOverlay" style="display: none; opacity: 0;"></div>
<div id="mbCenter" style="display: none;">
</body>
</html>

und Die Styles in Firebug wären diese :

HTML-Code:

#left .mod_navigation .level_1 .active {
    background-image: url("../../tl_files/img/layout/subnavbg.gif");
    background-repeat: no-repeat;
}
#left .mod_navigation li {
    margin-top: 2px;
}
#left .mod_navigation li {
    margin-top: 2px;
}
* {
    color: #666666;
    font-family: arial,helvetica,sans-serif;
    font-size: 100.1%;
    margin: 0;
    padding: 0;
}
* {
    color: #666666;
    font: 100.1% arial,helvetica,sans-serif;
    margin: 0;
    padding: 0;
}
#left .mod_navigation ul {
    list-style: none outside none;
}
#left .mod_navigation ul {
    list-style: none outside none;
}
* {
    color: #666666;
    font-family: arial,helvetica,sans-serif;
    font-size: 100.1%;
}
* {
    color: #666666;
    font: 100.1% arial,helvetica,sans-serif;
}
* {
    color: #666666;
    font-family: arial,helvetica,sans-serif;
    font-size: 100.1%;
}
* {
    color: #666666;
    font: 100.1% arial,helvetica,sans-serif;
}
* {
    color: #666666;
    font-family: arial,helvetica,sans-serif;
    font-size: 100.1%;
}
* {
    color: #666666;
    font: 100.1% arial,helvetica,sans-serif;
}
* {
    color: #666666;
    font-family: arial,helvetica,sans-serif;
    font-size: 100.1%;
}
* {
    color: #666666;
    font: 100.1% arial,helvetica,sans-serif;
}
* {
    color: #666666;
    font-family: arial,helvetica,sans-serif;
    font-size: 100.1%;
}
* {
    color: #666666;
    font: 100.1% arial,helvetica,sans-serif;
}
#wrapper {
    text-align: left;
}
#wrapper {
    text-align: left;
}
* {
    color: #666666;
    font-family: arial,helvetica,sans-serif;
    font-size: 100.1%;
}
* {
    color: #666666;
    font: 100.1% arial,helvetica,sans-serif;
}
body {
    font-size: 0.75em;
    text-align: center;
}
body {
    font-size: 0.75em;
    text-align: center;
}
body {
    font-size: 100.01%;
}
* {
    color: #666666;
    font-family: arial,helvetica,sans-serif;
    font-size: 100.1%;
}
* {
    color: #666666;
    font: 100.1% arial,helvetica,sans-serif;
}
* {
    color: #666666;
    font-family: arial,helvetica,sans-serif;
    font-size: 100.1%;
}
* {
    color: #666666;
    font: 100.1% arial,helvetica,sans-serif;
}

Danke an jeden der Hilft =)