Нужна помощь в CSS

Здравствуйте ! никак не могу понять в чем проблема !

Хотел сделать как на картинке

http://demiart.ru/forum/uploads/post-13952-1189338396.jpg

там идет лого с левого края а дальше идет зеленый квадрат !

а я когда хочу поставить ! у меня этот зеленый квадрат влезает под лого !

вот что в index.html

<img src="images/Untitled-1_05.gif" id:"logo"/>

<div id="desc">

<p>Что такое Revolt? Это тюнинговый центр, где всегда будут рады Вам. Это надежный сервис, разумные

цены и отличный результат.</p>

<p>Вам нужен тюнинг? Revolt ждет Вас!</p>

это в файле стилей :

img#logo {

position: absolute;

margin: 30px;

}

div#desc {

background: url("images/Untitled-1_08.gif") no-repeat #339933;

width: 340px;

height: 125px;

position: absolute;

margin-left: 39.5%;

padding-left: 20px;

padding-top: 30px;

color: #fff;

}