Question

I created a design with a menu on the left-hand side, however the text begins at the bottom, not at the top.

This started happening after I inserted my map at the right side, with this code:

#map {
    height: 100%;
    width: 100%;
}

Here’s a jsFiddle for the complete code

Answer 1

Add vertical-align: top; to your #wrapper > div > #middleleft css block, like this:

#wrapper > div > #middleleft {
    background: #565656;
    vertical-align: top;
}