CSS ile alakalı yardım edebilecek?

Merhaba sitemde alt kategorileri de göstermek amacıyla plugin yükledim ve css ile düzeltmem gerekiyor fakat css hiç bilmememden dolayı oynama yapamıyorum.Yardım edebilecek varsa şimdiden çok teşekkür ederim.

Site:laktoz.net

Üst çubukta bulunan kategoriler bölümünü arka planı siyah olmalı.ÜStüne gelindiğinde sitedeki pembe renkte gözükmeli.En son kategori Arama çubuğunun altında olmamalı.

#suckerfishnav {background:#000;font-size:13px;font-family:verdana,sans-serif;font-weight:bold}
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:20px;padding:0;border:1px solid #bbb;margin:0 0 1px 0;width:100%}
#suckerfishnav a {display:block;color:#000000;text-decoration:none;padding:0px 25px}
#suckerfishnav li {float:left;padding:0}
#suckerfishnav li ul {position:absolute;left:-999em;height:auto;width:130px;font-weight:normal;margin:0;line-height:1;-moz-opacity:1;opacity:1;khtml-opacity:1}
#suckerfishnav li li {padding-right:1px;width:130px;border-bottom:1px solid #aaa}
#suckerfishnav li li a {padding:3px 10px}
#suckerfishnav li ul li {font-weight:normal;font-family:verdana,sans-serif}
#suckerfishnav li ul li a {font-size:13px; color:#fff}
#suckerfishnav li:hover ul li a {color:#fff}
#suckerfishnav li ul ul {margin:-20px 0 0 131px}
#suckerfishnav li ul li:hover {background:#99CCFF}
#suckerfishnav li ul li:hover a {color:#fff}
#suckerfishnav li ul li:hover li a {color:#fff}
#suckerfishnav li ul li li:hover a {color:#fff}
#suckerfishnav li ul li ul li:hover ul li a {color:#fff}
#suckerfishnav li ul li ul li:hover ul li:hover a {color:#fff}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {left:-999em}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {left:auto;background:#bbb}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#99CCFF}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#fff}

#suckerfishnav {background:#000;font-size:13px;font-family:verdana,sans-serif;font-weight:bold}
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:20px;padding:0;border:1px solid #bbb;margin:0 0 1px 0;width:100%}
#suckerfishnav a {display:block;text-decoration:none;padding:0px 25px;color:#FFFFFF}
#suckerfishnav li {float:left;background:#000000;padding:0}
#suckerfishnav li ul {position:absolute;left:-999em;height:auto;width:130px;font-weight:normal;margin:0;line-height:1;-moz-opacity:1;opacity:1;khtml-opacity:1}
#suckerfishnav li li {padding-right:1px;width:130px;border-bottom:1px solid #aaa}
#suckerfishnav li li a {padding:3px 10px}
#suckerfishnav li ul li {font-weight:normal;font-family:verdana,sans-serif}
#suckerfishnav li ul li a {font-size:13px; color:#fff}
#suckerfishnav li:hover ul li a {color:#fff;}
#suckerfishnav li ul ul {margin:-20px 0 0 131px;}
#suckerfishnav li ul li:hover {background: #FF0066;}
#suckerfishnav li ul li:hover a {color:#fff}
#suckerfishnav li ul li:hover li a {color:#fff}
#suckerfishnav li ul li li:hover a {color:#fff}
#suckerfishnav li ul li ul li:hover ul li a {color:#fff}
#suckerfishnav li ul li ul li:hover ul li:hover a {color:#fff}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {left:-999em}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {left:auto;background:#bbb}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#FF0066}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#fff}

Şeklinde bir deneyin

Arkaplan siyah oldu fakat diğer özellikler değişmedi

Kategorinin üstüne gelince alt kategorinin üstünde çıkıyor.

Örenk: Foreign languages kategorisinin üstüne geldiğimizde alt kategoriler ana kategorinin üstüne geliyor ve alt kategorinin ismi daha kısa olduğu için ana kategorinin geri kalan harfleri gözüküyor.

Alt kategorinin alt kategoriler tam yanında çıkmıyor

Bunlarıda yapabilirseniz çok sevinirim.

Css'de öyle bir sorun yok çünkü ben bir html sayfa oluşturup denedim normal bir şekilde çalışıyor site'de ki başka bir kod ile alakalı bir sorun olabilir. (örnek dosya)

Peki nasıl öğreneceğim nerde ne yanlışlık olduğunu

Yardımcı olabilecek yok mu ?

şuan için kategorileri düzeltebildik fakat sağ tarafta gri alan var onu siyah yapamadım.

Yusuf yapmistin birseyler .. bak kendin deneme yanilma ile de birseyler yapilabiliyor

ordaki gri bolumu belki boyle cozebilirsin :


{background:#NUMARA} yazan yerleri yepsi {background:#000000} yapmayi dene

Denedim ama olmadı Başka bir yerlerde birşeyler var ama bulamıyorum.

Bu arada bu haline ben getirmedim saolsun godofwar4 arkadaşımız yardım etti

Selam ysf1905;
Tam olarak ne istediğini belirtirsen yardımcı olamaya çalışırım.
1- Benim anladığım kadarıyla Aktif olan kategori linkinin arka planı pembe renkte fakat kategorilerde linklerin üzerine geldiğinde arkaplanın renklerini gri değilde pembe olamasını istiyorsun.
2 - Birde alt kategorilerden bahsetmişsin ben bunlara menünde rastlayamadım ? Sayfanın en üstündeki Home Gündem linklerinin üzerine gelince alt kategorilerinmi çıkmasını istiyorsun ?