Srovnání menu v CSS

Ahoj, mám problém s webem. Potřebuju srovnat postranní menu. zde je web : http://krokzakrokem.net/ Potřebuju, aby "sidep-handle" seděl přesně s "sidep-handle-bottom" a aby sidep-handle-bottom měnil velikost podel toho, kolik zrovna obsahuje odkazů. Někdo na to mrkne a hned bude vědět, tak prosím o radu. zde je kod: .sidep-handle { position: relative; top: -24px; background:url('images/sidep-handle.gif') no-repeat; color:black; font-size: 10pt; font-weight: bold; padding:48px 0 6px 15px; margin:0; } .sidep-handle-bottom { background:url('images/sidep-handle-bottom.gif') no-repeat bottom; color:#555; padding:0; margin: 25px 0 35px 0; font-size:8pt; }

Pozadí je tvořené 2 obrázky gif: http://krokzakrokem.net/wp-content/themes/krokzakrokem/images/sidep-handle.gifa druhý http://krokzakrokem.net/wp-content/themes/krokzakrokem/images/sidep-handle-bottom.gif.Ten druhý nahraďte vlastním stylem tj. vytvořte si ve stylech jiné vlastní pozadí bílé s obrysem. Prostudujete si CSS styly.---------- Příspěvek doplněn 30.01.2013 v 01:44 ----------Vlastně, aby byly nad sebou tak u .wp-widget { místo 50% dát 100%:.wp-widget { background: url("http://krokzakrokem.net/wp-content/themes/krokzakrokem/images/sidep-handle-bottom.gif") 50% 100% no-repeat transparent;dát:.wp-widget { background: url("http://krokzakrokem.net/wp-content/themes/krokzakrokem/images/sidep-handle-bottom.gif") 100% 100% no-repeat transparent;

Dík za radu