Menu

Prosím mohl by mi nekdo poradit jak toto menu udelat efektivne? V CSS se moc nevyznam a tak jsem zbastlil toto.

<style>
#lisa{position:absolute; left:20px; top:30px; width:760px; height:19px; background:#FFCC33; border-bottom: 1px solid red;}
#lisb{position:absolute; left:20px; top:50px; width:760px; height:27px; background:#FFFF99;}
#zala, #zalb, #zalc{position:absolute; top:49px; width:52px; background:#FFCC33; border-left: 1px solid red; border-right: 1px solid red; border-bottom: 1px solid red;}
#zala{left:30px; border-bottom: 1px solid red;}
#zalb{left:87px; border-top: 1px solid red;}
#zalc{left:144px; border-top: 1px solid red;}
</style>

<span id="lisa">Bla bla bla</span>
<span id="lisb"></span>
<span id="zala">Zalozka</span>
<span id="zalb">Zalozka</span>
<span id="zalc">Zalozka</span>


Díky moc za jakoukoliv radu

nejprve se nauč externě zapisovat CSSka.
http://www.jakpsatweb.cz/css/css-prakticky.html

potom trošku z jakpsatweb.cz/css/ pochop principy. hledej si tam informace.

pak se mkrni na css.interval.cz/menu/ ... zkus odtamtud něco okoukat (! ale pozor, co jsem koukal tak pár jejich menu je naprosto nepoužitelnejch (pokud nehcceš mít celou stránku absolutně pozicovanou)).
- když něčemu nebudeš rozumět, vyhledej to na jakpsatweb.cz/css/

pak když to nepude nebo nebud na/z jakpsatweb.cz,,, tak pak se teprv ptej zde na fóru.