I am currently making a website for a college task and I am really confused on why the `div` I am trying to create is not appearing. 

It doesn't seem to work since I added the code for the three boxes, they are meant to be the same width as the three boxes. 

[**JsFiddle**](http://jsfiddle.net/Rc4JK/4/) 

```
<div id="wrapper">
    <div id="top">
        <div class="logo"> </div>
    </div>
    <div id="menu">
        <div class="button"> Home </div>
        <div class="button"> Destinations </div>
        <div class="button"> Make A Booking </div>
        <div class="button"> Things To Do </div>
        <div class="button"> Contact Us </div>
    </div>
    <div id="box">
    content here
    </div>
    <div id="threeBoxContainer">
        <div id="deal_one"></div>
        <div id="deal_two"></div>
        <div id="deal_three"></div>
    </div>
</div>

```