oblikovanje css menija

Pozdravljeni,

ker se prvič srečujem z izdelovanjem večplastnih menijev sem naletel na težavo, katero nikakor ne znam rešiti. Ker pove slika več kot 1000 besed bom kar prilepil stanje in moje želje:

Trenutno stanje:

Želje:

Tam kjer sem označil z zeleno barvo, želim da bi bil transparenten prostor, do sedaj mi je uspelo z borderji narisat puščice, vendar ne narediti razmaka čez celotno višino (torej zelen prostor na sliki). Če to storim z padding ali margin potem moram z miško iti točno po horizontalni liniji puščice da se meni ne skrije, zato torej želim doseči tisti zeleno označen prostor, ki bi preprečil da se meni skrije. Upam da se razume kaj želim.

Hvala za odgovor

Jan

Daj še kakšen košček kode prilepi, koda pove več kot 1000 slik :)

Ker nevem kateri košček izbrati, sem kar celotno kodo, ki je ni veliko prilepil :)

Klikni tukaj (index.html je preimenovan v index.txt zato, da lahko kar iz dropboxa vidite predogled in ni potreben prenos kode)

1. Background premakni na li namesto na ul


2. Na "ul ul" in "ul ul ul" dodaj padding-left:10px; background:transparent;

Točno to. Prvemu li sem dodal še class, da ga lahko malo drugače oblikuješ, če želiš.

http://jsfiddle.net/v37tp/

Hvala vam mojstri :)