IE、Firefox和Chrome之间的CSS兼容性(wordpress)

我已经建立了一个网站使用藐视主题(wordpress),我正在改变它的CSS,使其更广泛。

问题是,我可以让它看起来很好,无论是在Internet Explorer或Firefox和chrome,但不是所有3个在同一时间。

如果删除侧栏标记:

#sidebar {
width:200px;
padding:20px 200px 10px;
}

这个页面在IE上看起来不错(现在是physicall.co.il),但是侧边栏隐藏在Firefox和chrome中。

如果我把这个小标签添加到css中- 这个网站在Firefox和chrome上看起来很棒(侧边栏向左推到它的位置) 但在IE上,它在整页下面。

有什么想法我可以改变css,使它看起来正确的IE和Firefox。 有什么想法导致FF和Chrome以一种方式呈现css,而IE以另一种方式呈现?

谢谢。

整个CSS:

#content {
float:right;
width:649px;
margin:-50px 30px 0;
padding:0 0 20px 45px;
}

#topbar {
max-width:950px;
height:25px;
line-height:23px;
background:#FFFFE6;
overflow:hidden;
border-bottom:1px black solid;
margin:0;
}

#pagebar {
background:url('images/blue_flower/pagebar.jpg');
width:950px;
height:35px;
border-bottom:1px black solid;
margin:0;
padding:0;
}

#pagebar .children li,#pagebar .sub-menu li {
min-width:105px;
border-left:1px #e1e1e1 solid;
border-bottom:1px #e1e1e1 solid;
margin:0;
padding:0;
}

#pagebar ul a {
background-color:#f1f1f1;
width:101px;
}

#page {
width:950px;
}

#sidebar {
width:200px;
padding:20px 200px 10px;
}