Blogger 文章欄的位置跑掉? - 部落格

日前幫朋友弄了一個Blogger的版面

可是發現我弄的文章欄位

在IE正常 在火狐就會跑到下面去

http://sunrisemt.blogspot.com/

想請問

我是要調整哪裡呢?

因為我嘗試了改些地方的語法都沒有改變
是以下出了問題嗎?

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 970px;
margin: 60px auto 0px auto;
padding: auto 0;
text-align: $startSide;
font: $bodyfont;
background:
url(http://lh3.ggpht.com/_s6y5uOsajjU/SyfqelLt4QI/AAAAAAAAAH0/tzcRmOL3iwg/s512/left.jpg)
left no-repeat;
}

#content-wrapper {
width: 701px;
margin: 0px auto 0 121px;
#margin: 0 auto 0 122px;
_margin: -4px auto 0 119px;
padding: 0;
}
#left-wrapper {
float: $startSide;
width: 104px;
margin: 170px 0px 0 10px;
#margin: 170px 0 0 11px;
_margin: 170px 0 0 6px;
word-wrap: break-word;
overflow: hidden;
}
#main-wrapper {
width: 701px;
margin: 0px 0px 0px 0px;
_margin: 0px 50px 0px 0px ;
padding: 50px 0px 50px 0px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
list-style-image:
url(http://lh5.ggpht.com/_s6y5uOsajjU/SyeVv1O-3II/AAAAAAAAAEc/kUS4wtmo9z0/list.jpg);
background:
url(http://lh6.ggpht.com/_s6y5uOsajjU/SyhdQfsY99I/AAAAAAAAAH4/kgX26lcgGXg/post_top.jpg)
no-repeat;
}
#right-wrapper {
width: 129px;
margin: 100px -50px 0 0;
#margin: 6px -50px 0 0;
_margin: 6px -50px 0 0;
padding: 0;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
}




另外在使用IE瀏覽器的時候

回覆意見的欄位都會變得怪怪的

會變得像是這樣

http://picasaweb.google.com/vincentaabc/aNGoGE#5425272933394849730

請問這樣是哪邊出了問題呢@@?


--