I’m trying to add a menu to my Javascript program that will allow a user to do a variety of different things. I’m not much of an HTML guru so I don’t know how to keep the menu at the top and right of the page. I tried using a div, but it just put it under the map instead of right of it. Here’s a screenshot of what it looks like in the browser:

The whitespace on the right is where I would like to put the menu. Can anyone provide an example of how I would put a table there? Here’s how the body of my HTML is now:
<body onload="initMap()">
<div id="map_canvas" style="width:85%; height:100%"></div>
</body>
To get two DIV’s side by side (touching), I usually set both to float:left. Something like this:
If you specify float:right on the second div, it will “stick” to the right side of the browser window instead of to the div next to it.