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

[anigmi]

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



вот что в 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;
}

 

[WySteR]

поставь в img#logo {
position: absolute;
margin: 30px;
}

float:left; чтоб было

img#logo {
position: absolute;
margin: 30px;
float:left;
}
з.ы подробней почитай Для просмотра ссылки Войди или Зарегистрируйся )

 

[lorien]

position: absolute в сочетании с float: left это абсурд - надо что-то одно оставить, а именно float: left )