html.de - Background-color bis zum Ende von <div> erstellen

by SpiceLab

HTML

<div id="Navigation_Links">
   
     <ul id="nav">
       <li class="expand"> &nbsp; &Uumlber das IQB
           <ul>
               <li><a href="PDF/Einbauerklaerung_2006-42-EG_Muster.pdf" class="embed-link">Einbauerklaerung_2006-42-EG_Muster</a></li>
               <li><a href="PDF/a.pdf" class="embed-link">Einbauerklaerung_2006-42-EG_Muster </a></li>
               <li>Partner/Links</li>
           </ul>
       </li>
       <li>Personal</li>
       <li class="expand"> &nbsp; Bildungsstandards
           <ul>
               <li>Aufgabenbeispiele</li>
               <li>EMSE</li>
               <li class="expand"> &nbsp; Downloadserver
                   <ul>
                       <li>Audiofiles</li>
                       <li>Videofiles</li>
                   </ul>
               </li>
           </ul>
       </li>
       <li>VERA/Lernstandsvergleich</li>
       <li class="expand"> &nbsp; Arbeitsbereiche</li>
           <ul>
               <li>Testentwicklung</li>
               <li>Kompetenzerwerb</li>
               <li class="expand"> &nbsp; Implementation</li>
                   <ul>
                       <li>Was wird</li>
                       <li>denn eigentlich</li>
                       <li class="expand"> &nbsp; so alles</li>
                           <ul>
                               <li>test</li>
                               <li>test2</li>
                           </ul>
                       <li>implementiert??</li>
                   </ul>
               <li>Bildungsmonitoring</li>
               <li>Datenzentrum (FDZ)</li>
           </ul>
   </ul>
   
    </div>

CSS

/*Linke Navigation -----------------------------------*/
 
   #nav {
       
       padding-left :5px;
    }
   
   a {
       text-decoration:none;
       color: black;
       padding: 2px 2px 2px 15px;
       display:block;
   }
 
   ul, li {
       list-style: none;      
   }
 
   #nav li {      
       cursor: default;     
       border-top:1px solid black;
       
    }
     
   #nav ul {
       /*display: none;*/ /* Zu Testzwecken deaktiviert */
       background: url(img/dots.png) repeat-y scroll 10px 0 transparent;
       margin-left:0; /* Reset */
       padding-left:0; /* Reset */
   
   }
 
   #nav li.expand {
       background: url(img/folder.png) no-repeat scroll 0px 0px transparent;  
       border-bottom: 1px solid #000;
       
   }
 
   .expanded {
       background: url(img/folder.open.png) no-repeat scroll 0px 2px transparent !important;
       border-bottom: 1px solid #000;
   
   }
 
   #nav li a:hover {
    text-decoration: none;
    color: #000000;
   
    }
 
   #nav ul a:hover {
 
    text-decoration: none;
    color: #000000;
    background-color: white;
   
   }