Проблем с DIV и CSS

[emcuemnecu]

Здравейте.
.. Имам да речем

<div class="element-1">

Тук ми е кода
</div>

После имам

<div class="element-2">

тук ми е кода

</div>

Ето и какво съм задал в css
[css]
.element-1 {
width: 370px;
border: 1px solid #ccc;
background:#fff;
}
.element-2 {
width: 370px;
border: 1px solid #ccc;
background:#fff;
float: right;
margin: auto;
position: static;
top: 0;
left: 0;
}[/css]
Проблема е такъв, ме искам "element-2" да е точно до element-1 т.е
едно срещу друго а не едно под друго както ми се получава или едното на мястото си а другото бяга където си поиска..
Прилагам и снимка за да ме разберете ...

 

[dgeorgiev]

Задай и на element-1

float: left;

и това position: static защо си го сложил, просто float-ващ и двата елемента и заспиват

 

[emcuemnecu]

Задай и на element-1

float: left;

и това position: static защо си го сложил, просто float-ващ и двата елемента и заспиват

Обаче сега имам проблем с височината тоест element-2 трябва да му задам top: ...; обаче като му задам не приема...

 

[dgeorgiev]

Използвай

margin-top: ...;

 

[emcuemnecu]

Използвай

margin-top: ...;

Подсети ме да използвам margin:-556px 23px 0px 680px;

Благодаря!