CSS menu

Hej mennesker :)
Jeg er igang med et design men er stødt på et problem i min Menu som jeg ikke selv kan finde ud af at løse da jeg er rimelig ny til CSS.

Jeg har denne kode :

#menu {
    border : 5px solid #00366c;
    border-top : none;
    width : 696px;
}

#menu a {
    background-image : url(menu.gif);
    color : #03182d;
    text-decoration : none;
    padding-left : 2px;
    display : block;
    height : 25;
    width : auto;
}

Og jeg vil gerne have menu.gif til at strække sig efter hvor meget tekst der er.
Så hvis teksten fylder mere plads i længden en billedet er, så skal billedet strække sig, hvordan gør man det ? :)