[css] Problem z background-image i color Opcje

[Jarod]

Mam stopke długości 775px i wysokosci 20px. Stopka to element blokowy. W tej stopce chcę nanieść napis odsunięty od górny stopki o 5px.

Oto kod
HTML:

Kod

<div id="stopka"><p class="stopkaopis">aaaaaaaaaaaaa bbbbbbbbbbbbb ccccccccccccccc dddddddddddddd EEEEEEEEEE</p></div>

CSS:

Kod

#stopka {
          width: 775px;
              height: 20px;
              background-image: url(../img/stopka.gif);
              clear: both;
}    
.stopkaopis {
                   margin: 3px 0 0 180px;
                   color: #FFFFFF;
                   font-size: 11px;
                   clear: both;
}

1. Margin dla .stopkaopis nie działa
2. W #stopka mam tło rozciągnięte za pomocą background-image a w .stopkaopis mam zdefiniowany kolor. Jeśli nie zdefiniuję koloru tła to walidator wywala ostrzeżenia. Jeśli zdefiniuję to background-image zostanie zamazany.

Wiecie jak sobie z tym poradzić?