Cannot center two DIVs next to each other

[inline885]

First time working in Dream Weaver. Using HTML and CSS. I want a menu page on the left side and an about me section on the right. I wrapped the DIVs in a wrapper DIV with the height and width of both, but can't get them next to each other. Instead, the one of the right stays on the right, but also below the one of the left (so they are diagonal). Here is my code.

#menu {
    background-color: #0CF;
    height: 300px;
    width: 150px;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    float: left;
    position: relative;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 25px;
}
#aboutme {
    background-color: #FFF;
    height: 300px;
    width: 400px;
    float: right;
    position: relative;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    clear: none;
    font-family: Tahoma, Geneva, sans-serif;
    padding-left: 0px;
    margin: 0px;
}
#wrapper {
    margin: auto;
    height: 300px;
    width: 550px;