サイドバーが回り込んでしまう。

お世話になっております。

サイドバーが特定のページのみ回り込んでしまうようになってしまいました。

左側の記事がサイドバー（右側）より長い時には問題ないのですが、左側が短い場合、下にすべりこんでしまいます。

cssでfloat:rightにしてもだめで、どうすればいいのかわかりません。

また、サイドバーのリンクの左側に隙間が空いてしまっているのですが、サイドバーのcssのどこにpadding-left:0;をいれても左に寄らなくなってしまいました。もともとちゃんと左によっていたのですが、サイドバーの回り込みを解除しようといじっている内に隙間が空くようになり、もとにもどせなくなってしまいました。

わかる方いましたら教えて下さい。よろしくお願いします。

このページです。

CSSです。

div#sidebar ul  {margin:0;
                 padding:10px; !important
                 }

div#sidebar li  {list-style-type:none;
                 }

div#sidebar .widget {width: 190px;
                     float:right;
                     margin-left:0;
                     margin-bottom:10px;
                     background-color:#f0f0e0;
                     margin-top:30px;
                padding:10px;}

div#sidebar h2    {border-bottom: solid 1px;
                   padding-bottom:8px;
                   margin:0 0 10px;
                   font-size:0.75em;
                   }

div#sidebar li li {font-size:0.75em;
                   margin-bottom:4px; }

div#sidebar li li a   {text-decoration:none;
                       color:black}