CSS Probleme

Hallo,
ich hoffe hier kann mir jemand weiterhelfen
ich habe eine HP erstellt, und bekomme die Links leiste nicht so wirklich hin wie ich sie gerne hätte....
ich hätte gerne dass die untergrundfarbe bist zum ende der hauptseite geht, aber sie geht nur bis am ende der buttons der links....wo stelle ich die größe ein?
leider habe ich nicht die große ahnung.
hier mal mein css:
#menu  {
   float:left;
   width:157px;
   margin-top: +10px;
   color: #E3E3E3;
   background-repeat: repeat-x;
   background-color: #534F6C;
   
}
   
      #menu ul {
   list-style-type: none;
   padding-bottom: 120px;
}
      
      #menu li {
   font-size: 14px;
   background-repeat: none;
   height: 31px;
   width: 136px;
   margin-top: 2px;
}

      
      #menu a {
   font-family: Times New Roman, serif;
   font-size: 14px;
   height: 23px;
   width: 136px;
   float: left;
   padding-left: 17px;
   padding-top: 8px;
   color: #FFFFFF;
   text-decoration: none;
   vertical-align: bottom;
   border-bottom: solid black 1px;
}

mal danke im voraus