CSSでライブドアブログのレイアウトがIEでだけ、崩れてしまう。

CSSでライブドアブログの左サイドバーのレイアウトがＩＥで見ると、崩れてしまいます。
Fireboxなどでは、きれいに表示されますが、IEでは、左サイドバーの表示がはるか下方に表示されてしまいます。

下記のＣＳＳに問題がないか教えていただけないでしょうか？

参考になりそうなサイトとして(1)(2)なども見たのですが、結局わからなかったです。
(1)CSSによる段組（マルチカラム）レイアウト講座
​http://www.geocities.jp/multi_column/index.html​
(2)CSSバグリスト
​http://cssbug.at.infoseek.co.jp/

よろしくお願いします。
/**********************************
=2.Common
**********************************/

table#header{
width:100%;
font-size:12px;
color: #cffdcc;
}
table#header a{
color: #cffdcc;
}
table#header th{
width:1%;
}
table#header th img{
margin:2px 10px;
width:132px;
height:24px;
}
table#header td.catprbox{
width:1%;
white-space:nowrap;
}
table#header td.catprbox span{
margin-right:15px;
}
table#header td.newstickerbox{
width:97%;
text-align:right;
padding-right:10px;
}
table#header td.startblogbox{
width:1%;
padding-right:10px;
white-space:nowrap;
}
table#header td.startblogbox img{
width:17px;
height:16px;
margin-right:3px;
border:0px;
vertical-align:middle;
}

#container{
width:800px;
margin:0 auto;
text-align:center;
}

#cgmmenu{
display:none;
}

#banner{
height:200px;
border:solid #fff;
border-width:6px;
background:#240000 url(http://image.blog.livedoor.jp・・・・・) no-repeat;
text-align:left;
margin:0 auto;
clear:both;
}
#banner a{
color:#fff;
text-decoration:none;
}
#banner a:hover{
text-decoration:underline;
}
#banner h1.blogtitle{
padding:80px 30px 5px;
font-size:20px;
}
#banner div.description{
width:500px;
padding:0 30px;
line-height:135%;
font-size:12px;
color:#fff;
}
#blogcontainer{
background:url(http://image.blog.livedoor・・・・) 0 0 repeat-y;
border:solid #fff;
border-width:0 6px 0;
padding:0 0 30px;
margin:0 auto;
height:1%;
}
#wrapper{
float:left;
width:605px;
}
#content{
float:right;
width:420px;
text-align:left;
background-color:#F9F3EE;
}
#contentin{}
#left{
float:left;
width:180px;
}
#right{
float:right;
width:178px;
}
#lefttop ,
#leftbody ,
#leftbottom ,
#righttop ,
#rightbody ,
#rightbottom {}

#footer {
background:url(http://image.blog.livedoo・・・・) 0 0 no-repeat;
border:solid #fff;
border-width:0 6px 6px;
height:46px;
}
#outfooter{}

No.1 回答者： me001az 回答日時： 2007/12/15 03:26

初めましてm(_ _)m

出来ればブログのURLを載せて頂けると分かりやすいんですが。。。
作り途中だとあんまり見られたくないですよね(^^;)

ただ↑上のCSSだけだと、どの部分が左サイドバーにあたるのか
分かりにくいです！ID【left】のついたやつでしょうか？

このIDをどんな要素に使っているのかによって修正の仕方が
変わってくるのでちょっと情報不足かな。。。

参考サイトは色々ありますが、やっぱりブラウザの仕様を
しっかり理解しないとCSSは難しいです。

参考URL：http://digilog.client.jp/css/index.html

この回答へのお礼

ありがとうございます。
実は、ライブドアブログのデザイン設定をプロの方にしていただいたのですが、ＩＥで崩れていることが、数ヵ月後に分かりました。
なので自力で直すしかない状態です。

お礼日時：2007/12/15 15:36