在Chrome或FF或任何其他浏览器CSS中没有显示旁边的新闻

Question

我正在尝试使用灵活的盒子模型来编写我的CSS。旁边的新闻似乎没有表现出来。导航菜单不会水平显示。无论我使用哪种浏览器。谁知道我的CSS有什么问题？

Css代码在这里：

*{
    margin:0px;
    padding:0px;
}
h1{
    font:bold 20px Tahoma;
}
h2 {
    font: bold 14px Tahoma;
}
header, section, footer, aside, nav, article, hgroup {
        display: block;
}
body{
    width:100%;
    display:-webkit-box;
    -webkit-box-pack: center;
}
#big_wrapper {
    max-width: 1000px;
    margin:20px 0px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-box-flex: 1;
}
#top_header{
    background:yellow;
    border:3px solid black;
    padding:20px;
}
#top_menu{
    border:red;
    background:blue;
    color:white;
}
top_menu li{
    display:inline-block;
    list-style:none;
    padding:5px;
    font:bold 20px Tahoma;
}
#new_div {
    display:-webkit-box;
    -webkit-box-orient:horizontal;
}
#main_section{
    border: 1px solid blue;
    -webkit-box-flex: 1;
    margin: 20px;
    padding: 20px;
}
#side_news {
    border: 1px solid red;
    width: 220px;
    margin: 20px;
    padding: 30px; 
    background: #66CCCC;
}
#the_footer{
    text-align:center;
    padding: 20px;
    border-top: 2px solid green;
}