CSS div stretching to full browser width

Question

The output of this below code DIV #imagemiddle is not stretching till the browser full width, I want the top tool bar has to be fixed and the below div to be `position: relative` and not absolute or fixed. HTML ```

``` CSS ``` #topbar { position: fixed; display: inline-block; top: 0px; left: 0px; background-color: #2D2D2A; border-bottom: 2px solid rgba(0,0,0,0.2); height: 42px; width: 100%; z-index: 5; overflow-x: visible; overflow-y: visible; } #imagemiddle { position: relative; display: inline-block; top: 40px; background-color: #4D4D4D; border-bottom: 2px solid rgba(0,0,0,0.2); height: 44px; width: 100%; z-index: 0; overflow-x: visible; overflow-y: visible; background-color: "red" } ```

Accepted Answer

A simple solution, you need add `margin:0;` to the body in your css.

```
body{ margin:0;}
```

DEMO

CSS div stretching to full browser width

Solution

Problem