Navi-Leiste Hintergrundbilder

[B-ellanna]

HAllo, nun habe ich schon wieder ein Problem kaum das das letzte gelöst ist.
Ich möchte gerne 2 Bilder als hintergrund für meine Navigationsleiste haben. Einmal wenn man mit der Maus draufgeht und einmal in allen anderen Fällen.
Das Bild wird brav hochgeladen aber es wird abgeschnitten und mit background: width oder height hab ich es nicht in der Größe ändern können.
Ich hoffe ich habe verständlich mein Problem beschrieben.
Vielen Dank für eure Hilfe,
B-ellanna
Das Navigationsmenü ist eine Liste und hier ist das CSS:
ul#Navigation { font-size: 1.0em;
      float: left;
      width: 10em;
      margin: 0; padding: 0.0em;
      border: none;
      color:#995c00;
      background-color: #fcde9c;
      text-align: center;
    }
ul#Navigation li {
  list-style: none;
      margin: 0.1em; padding: 0;
    }
ul#Navigation a {
      display:block;
      padding: 0.2em;
      width: 10em;
      text-decoration: none;
      font-weight: bold;
      border: 0px solid black;
      border-left-color: white;
      border-top-color: white;
      color: #995c00;
      background: #fcde9c url(./bilder/Parchment_off.gif) no-repeat center;
      }
ul#Navigation a:hover {
      border-color: white;
      border-left-color: black;
      border-top-color: black;
      color: #995c00;
      background: #fcde9c url(./bilder/Parchment_on.gif) no-repeat center;
      }