aslında bu değil ama çok faydalı oldu bu kodlar 2. katman oluşturmak istersem nasıl yapabilirim görmüş oldum.

sorun şu: orange olarak açılan menü de .menu li ul li {width:100%;} ile üzerine gelindiğinde yeşil alan büyümüş oldu ama link o bölgeye devam edemedi. yani o bölgenin üzerine geldiğimde imleç ok şeklinde. yani link oraya devam etmedi.

yani border eklersek kötü bir görüntü ortaya çıkıyor. sadece ilk kodlamadaki yeşilin olduğu bölümü bordera alıyor geri kalanı almıyor

Ek Olarak: sorunu bir kaç kesin width değeri girerek çözdüm
.menu li ul li {width:100%;} yi kaldırdım
.menu li ul a{width:110px;} ekledim ver .menu li ul içinde width:auto iken width:150px; yaptım sorunu çözüldü