CSSテクニックコミュのcssでのレイアウトがうまくいきません。

タイトルどおりなのですが、cssで「wrapper」を中央に持って着たいのですが、bodyにcssをかけるとfirefoxで見たときに「wrapper」が消えてしまいます。

何方か解決策をください。
宜しくお願いします。

_/_/_/_/_/_/_/_/_/_/_/以下がcssに書いたもの_/_/_/_/_/_/_/_/_/_/_/

/* CSS Document */

#wrapper {
font-family: "ＭＳＰゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Times, serif;
margin: 0px;
padding: 0px;
width: 600px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
height: 455px;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
clip: rect(0px,0px,0px,0px);
position: fixed;
}#visual01 {
margin: 0px;
padding: 0px;
width: 400px;
float: left;
clear: left;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
clip: rect(0px,0px,0px,0px);
}#footer {
height: 36px;
width: 598px;
background-color: #FFFFFF;
border: 1px solid #016BFF;
font-size: 12px;
text-align: center;
padding: 0px;
vertical-align: middle;
float: right;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
clip: rect(0px,0px,0px,0px);
margin-top: -1px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
clear: all;
}#menu01 {
margin: 0px;
padding: 0px;
width: 200px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
clip: rect(0px,0px,0px,0px);
float: right;
clear: left;
height: 419px;
}

それと、プレビューするとき普通はIEでうまく見えるようになりますよね？
firefoxで一番にデザインしたとおりに見えるのって。。。ｗｗ
これについても教えてください！

宜しくお願いします。m(_ _)m