Помогите решить проблему. Суть проблемы:

Ставлю левую панель тегом див, делаю ее как меню, после этого хочу контент загнать на правую сторону сайта, а он у меня идет ниже левого меня, а на правую сторону не хочет становится, помогите решить проблему. Заранее благодарен.

Html код:

<body>

<div class="left">*
* <div class="logo">
* <h1>Привет</h1>
* <h2>Это мой сайтик</h2>
* </div>
* <div class="menu">
*
  • *
  • [Только зарегистрированные пользователи могут видеть ссылки. ]
    *
  • [Только зарегистрированные пользователи могут видеть ссылки. ]
    *
  • [Только зарегистрированные пользователи могут видеть ссылки. ]
    *
  • [Только зарегистрированные пользователи могут видеть ссылки. ]
    *
  • [Только зарегистрированные пользователи могут видеть ссылки. ]
    *

* </div>
</div>
<div class="content">
*
*
* *

</div>

</body>
</html>

Css код:


body {background: #ff7700 url(img/bg.png) no-repeat;}

.left {width:350px;}

.logo {margin-left:130px;
* margin-top:30px;}
* *
h1 {color:#FFFFFF;
* margin:0px;
*padding:0px;
*text-align:center;
*font-size:48px;}

h2 {color:#666666;
* margin:0px;
*padding:0px;
*text-align:center;}
*
.menu {margin-left:130px;
* margin-top:50px;}
* *
.menu ul {list-style:none;
* width:130px;}

.menu ul a {padding:8px;
* margin:0px;
* display:block;
* text-decoration:none;
* font-size:18px;
* text-align:center;}
* *
.menu ul a:hover {background-color:#FFFFFF;}

.content {width:600px;
* float:right;}

.up_node {background:transparent url(img/ctop.png) repeat scroll 0 0;}

.node {background-color:#FFFFFF;}