jQuery Dropdown Check List - problem z wyswietlaniem listy w <select> Opcje

[darth_sidious]

Witam

Przy wykorzystaniu jQuery Dropdown Check List oraz Tab Content Script (v 2.2 z DynamicDrive) utworzylem sobie formularz z kilkoma polami <select>. Problem pojawil sie gdy jednego z nich wrzucilem jako tresc jednej z zakladek w Tab Content Script.

Link do mojego przykładu

Zauwazylem, ze calosc psuje ten fragment:

[HTML] pobierz, plaintext 
<div id="flowertabs" class="modernbricksmenu2"" >
  <ul>
    <li><a href="" rel="tcontent0" rev="flowernote0" class="selected"></a></li>
    <li><a href="#" rel="tcontent1" rev="flowernote1" onMousedown="document.images['example'].src=img2.src" onMouseup="document.images['example'].src=img1.src" ><img src="gfx/blisko_ciebie.gif" name="example" border=0 class="image" alt="Blisko Ciebie" /></a></li>
    <li><a href="#" rel="tcontent2" rev="flowernote2" onMousedown="document.images['example2'].src=img4.src" onMouseup="document.images['example2'].src=img3.src" ><img src="gfx/trasa.gif" name="example2" border=0 class="image" alt="Trasa" /></a></li>
    <li><a href="#" rel="tcontent3" rev="flowernote3" onMousedown="document.images['example3'].src=img6.src" onMouseup="document.images['example3'].src=img5.src" ><img src="gfx/schemat_metra.gif" name="example3" border=0 class="image" alt="Schemat metra" /></a></li>
  </ul>
</div>
[HTML] pobierz, plaintext 

A konkretnie przypisanie class="selected" do pierwszej zakladki. Niestety takie jest zalozenie, ze przed kliknieciem nie wyswietla sie zadna zakladka, tzn wyswietla sie zakladka, ktora jest pusta.
Jesli class="selected" ustawie dla zakladki 'METRO' caly select wyswietla sie bez najmniejszego problemu:

Przykład 2

Czy ktos moze spotkal sie juz z podobnym problemem lub ma pomysl jak to obejsc?

Myslalem zeby utworzyc <div> ktory przykrywalby na poczatku <select> i znikalby po kliknieciu ktoregos z buttonow, ale wydaje mi sie to zbyt hardcorowe rozwiazanie...


Pozdrawiam
Darth