Witam

Otóż moje drzewko kategorii wygląda tak:

Muszę dodać do kategorii: http://naeka.github.io/jquery-switchbutton/
i drzewko się sypie:


Kod html wygląda tak:

[HTML] pobierz, plaintext 
 
<div id="tree">
 <ol class="tree"> <li> 
			<label for="subfolder2" style="float:left;position:relative;">
				<a href="http://localhost/mediart/index.php/projects/index?id=46">projekt nowy zmiana</a> 
			</label> 
			<div>
			<input type="checkbox" class="switched" name="o_read_46" value="1" checked />
			<input type="checkbox" class="switched_w" name="o_write_46" value="0"  />
			</div> <ol class="tree"> <li> 
			<label for="subfolder2" style="float:left;position:relative;">
				<a href="http://localhost/mediart/index.php/projects/index?id=47">tedsa</a> 
			</label> 
			<div>
			<input type="checkbox" class="switched" name="o_read_47" value="1" checked />
			<input type="checkbox" class="switched_w" name="o_write_47" value="0"  />
			</div> <ol class="tree"> <li> 
			<label for="subfolder2" style="float:left;position:relative;">
				<a href="http://localhost/mediart/index.php/projects/index?id=49">sub</a> 
			</label> 
			<div>
			<input type="checkbox" class="switched" name="o_read_49" value="1" checked />
			<input type="checkbox" class="switched_w" name="o_write_49" value="0"  />
			</div> </li>  </ol>  </li>  </ol>  </li> <li> 
			<label for="subfolder2" style="float:left;position:relative;">
				<a href="http://localhost/mediart/index.php/projects/index?id=48">kolejny główny</a> 
			</label> 
			<div>
			<input type="checkbox" class="switched" name="o_read_48" value="1" checked />
			<input type="checkbox" class="switched_w" name="o_write_48" value="0"  />
			</div> </li>  </ol> </div>
[HTML] pobierz, plaintext 

kod CSS:
http://pastebin.com/zSEDLhb2

Kombinuje już na różne sposoby floatami, positionami i nie mogę nic wymyślić

Proszę o pomoc.
Z góry dziękuje