cssハックについて

質問

googleとfirefoxでcssが聞かない箇所があります。
css---------
#operation {
width: 420px;
background-image: url(../picture/top/left_middle.jpg);
background-repeat: repeat-y;
background-position: center top;
margin-top: 10px;
}

#operation img {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}

#operation #ope_top {
background-image: url(../picture/top/left_top.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 30px;
padding-bottom: 0px;
margin-bottom: 0px;
}
#operation #ope_top #ope_tit {
font-size: 14px;
line-height: 2;
font-weight: bold;
color: #FFFFFF;
text-indent: 10px;
float: left;
width: 200px;
margin-top: 0px;
padding-top: 0px;
height: 20px;
}

#operation #ope_top .ope_img {
padding-top: 5px;
float: right;
margin-right: 10px;

}
#operation #ope_middle {
margin-top: 0px;
padding-top: 0px;
width: 420px;
margin-left: -200px;←ここがおかしいです！！
}
#operation #ope_middle .content ul {
margin-top: 5px;
padding-left: 30px;
list-style-image: url(../picture/list.jpg);
}
#operation #ope_middle .content li {
margin-bottom: 5px;
margin-top: 1px;
}
#operation #ope_middle .content .line01 {
border: 1px dotted #CCCCCC;
margin-top: 2px;
margin-bottom: 2px;
}
というかんじなのですが、左右へとぶれてしまいます。
どのように修正したいいのか困っております。
参考になるようなことありましたらお願いします。

回答No.1

noname#83877

htmlの補足をお願いします。

補足

body.h1.h2...
マージン０に設定したら修正できました。

お手数おかけしました。