[CSS]Nakładanie się dwóch obrazów tła na siebie. Opcje

[December]

Witam,
chciałem uzyskać bardzo popularny efekt menu:

Kod

-----------------------------------------------
Menu:      |                                            
Opcja 1    |    Coś tam                            
Opcja 2    |  odnośnie wybranej opcji      
Opcja 3    |                                            
------------------------------------------------

Coś takiego


Napisałem taki kodzik:

Kod

<c style="margin-left: 30px; float: left;">
<p style="color: white; background-image: url( tlo.gif);font-weight:700">Menu:</p>
<div>Bla</div>
<div>Bla</div>
<div>Bladawdwadwawa</div>
<div>Bla</div>
</c>


<blabla style="margin-left: 30px; ">
<p style="color: black; font-weight:700;background-image: url( tlo2.gif);text-align:center">Blabla:</p>
</blabla>

Zadowolony jestem, iż napis "Blabla:" wyśrodkowuję się względem tej reszty ekranu - bez menu, jednak obrazek tła, zamiast "być tłem" na swojej "arenie", wyświetla się od początku strony.

Zdjęcie:

http://iv.pl/images/91343285165789649398.jpg


Co można na to poradzić?


Mam jeszcze jedno pytanie, tutaj moje menu przybiera kształt najdłuższego tekstu w nim, a czy dałoby radę ustalić to na procenty? Np 20% szerokości od lewej - "pole" dla menu, reszta dla pozostałej części strony?



Proszę o odpowiedzi.
Pozdrawiam i dziękuję!
December.