CSS Spletišče

Pozdravljeni!

Delam neko svoje preprosto spletišče pa me zanima narejen imam menu, ki ima rob z prosojnostjo 30% in kako bi sedaj to spravil v CSS, ker ko shranim kot .png ali .gif mi ta prosojnost rata kar bela sicer pa je črna barva na 30% prosojnosti res mi ni jasno ?

/* ---------------------- Menu ---------------------- */
.silver #nav{
	position:relative;
	display:block;
	height:42px;
	font-size:11px;
	font-weight:normal;
	background:transparent url(slike/OzadjeMenu.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

Kot vidite se gre o menuju, ki je tak:


Biti bi moral tak:

Mene zanima kako bi se lotil v CSS programiranje tegale menija ?


Ma kdo kak predlog ?

No ... malo osnov css-a pa gre zadevo urediti v par minutah. Drugega kot kombinacija teksta in slik ti ne preostane.

Mogoče ti lahko uredim zvečer ali konec tedna.

Meni narediš z divi ali pa z ul li elementi. Uporabljaš pa načeloma samo naslednje css lastnosti:
- padding, float, position, background-image, background-color

Še malo hjackam tole temo... Je že precej časa kar sem bil v teh vodah, pa se mogoče najde kak stručko, ki obvlada css in html optimizacijo:

Na kratko:
-elemente v html source kodi definiram z divi
-vse ostalo urejam v css:
...meni in vse slike gradim preko CSS... RAZEN slik slideshowa!

- slideshow za razliko definiram v sourcu ala:

<div id="slideshow">
<img src="./images/slide1.jpg" alt="tekst"  /> 
...

Nisem siguren, če je možno drugače/bolje(?), a problem nastane pri nalaganju strani! Slideshow, kjer moram(?) definirat slike v samem sourcu se nalaga dlje časa in zgleda, da imajo slike v sourcu prioriteto pred slikami klicanimi s CSS...? Vbistvu to zgleda tko, da pri nalaganju strani najprej naloži slideshow, šele nato meni, logo itd... Not good!

...meni in slike v CSS kličem z background "funkcijo", ala:

#meni{
width:976px;
height:169px;
background:url(../images/meni.png) no-repeat;
...
}
#tekstmeni{
...

...v html-ju (tekst) ga definiram ala:

<div id="meni">
<ul id="tekstmeni">
<li class="active"><a href="#">...tekst...</a><em>...tekst...</em></li>
...
</ul>
</div>

Obstaja boljša opcija ali kak trik, ki ohrani fleksibilnost in popravi vrstni red nalaganja?

Ali je edina še možna opcija, ki reši problem, da glavne elemente "kličem" v html... ?

PS: Aja, pa elementi in "source code order (glava...noga)" so urejeni OK, ".css" kličem v headerju, sprobano tudi brez slideshow javascripta-samo slike in stran se nalaga enako... Problem je pomojem kot rečeno v sami proriteti nalaganja elementov (slik) v html-ju, ne pozicioniranju (slideshow je btw. "klican" za menijem)...

Nihče?