Tak wiec - mam Wordpressa, chcialem edytowac skina zmienajac panel poczny, dodajac w nim rozsuwanie sie przez jQuery.

Plik sidebar.php wyglada następująco:

[HTML] pobierz, plaintext 
<div id="page"> 
<ul> 
                <li class="kategoria"><div class="naglowek"><a class="link rss" href="#">Ostatnie posty</a></div> 
                <ul class="fade"> 
                <li> 
                        <div class="text"> 
        <ul> 
          <li><?php wp_get_archives('type=postbypost&limit=8'); ?></li> 
        </ul>   
                        </div> 
                </li>   
                </ul> 
                </li> 
 
                <li class="kategoria"><div class="naglowek"><a class="link facebook" href="#">Ostatnie komentarze</a></div> 
                <ul class="fade"> 
                <li> 
                        <div class="text"> 
        <ul> 
          <li><?php rc(); ?></li> 
        </ul>   
                        </div> 
                </li>   
                </ul> 
                </li> 
 
                <li class="kategoria"><div class="naglowek"><a class="link technorati" href="#">Meta</a></div> 
                <ul class="fade"> 
                <li> 
                        <div class="text"> 
        <ul> 
          <li><?php wp_register(); ?></li>
          <li><?php wp_loginout(); ?></li>
        </ul>                               
                        </div> 
                </li>           
                </ul> 
                </li>     
</ul> 
</div> 
[HTML] pobierz, plaintext 

Do tego style załączone pod header.php, który wywołuje sidebar.

[HTML] pobierz, plaintext 
* {
 
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	display: inline;/* fix double margin */
        }
 
img {
        border:0;
        }
 
body {
        background:#131313;
        text-align:center;
width: 260px;
        text-align:left;
        margin:0 auto;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	display: inline;/* fix double margin */
        }
 
#page {
        width: 260px;
        text-align:left;
        margin:0 auto;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	display: inline;/* fix double margin */
        }       
 
#page ul {
        list-style-type:none;
        width:100%;
        padding:10px 0 0 0;
 
        }
 
ul ul {
        background-color: #131313;
        padding:0!important;
	border: 0px;
 
        }
 
li {
        font:10px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
        word-spacing:3px;
        vertical-align:middle;
	padding:2px;
        }
 
div.text {
        width: 260px;
        padding:7px;
        line-height:20px;
        text-align:justify;
        font:11px Tahoma, Arial, Helvetica, sans-serif;
 
	border: 1px solid #1f2223;
        }       
 
div.text p {
        margin:0 0 5px 0;
}      
div.text ul {
        list-style-type:none;
}
div.text ul li {
        font:12px Helvetica, Tahoma, Arial, Geneva, sans-serif!important;
        margin:2px 0!important;
}
div.text ul li a {
        color:#585858;
        font-weight:bold;
        text-decoration:none;
}
div.text ul li a:hover {
        color:#ff5a00;
}
 
.kategoria a.link {
        display:block;
        width: 260px;
        padding:1px 0 5px 10px;
        font:18px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
        font-weight:bold;
        color:#fafafa;
        text-decoration:none;   
        margin:0 0 2px 0;   
        height:20px;
}       
 
.kategoria a.link:hover {
        color:#ffffff;
        text-decoration:none;
        }       
[HTML] pobierz, plaintext 

Samo jQuery chodzi dobrze. Tylko teraz problem ma sie tak, ze panel boczny jest rozjechany, co mozna zauwazyc po wejsci na ten link
W czym problem? Jak poprawic style, zeby ten sidebar byl na swoim miejscu po prawej stronie?

float:right dla #page

Niestety efekt widoczny na stronie...

@edit: naprawione. Powtarzaly sie klasy styli w stylach tych jak i glownych.


Dzieki za pomoc