проблем с позиция

[the_end]

здравейте имам проблем с позиционирането ... имам два блока единият ми е за ляво и единият за дясно ... левият застана перфектно но десният неиска да си отиде в неговата страна а седи в част от ляво и центъра използвам float:right; в css-a
ето как извеждам двата блока

<?php if (!empty($topsrch)): ?>
	 <div class="topsrch"><?php echo $topsrch; ?></div><br />
	 <?php endif;?>
	 <?php if (!empty($newlogin)): ?>
	 <div class="newlogin"><?php echo $newlogin; ?></div>
	 <?php endif;?>

ето и самият css на лявата(topsrch) и дясната(newlogin) страна

/* Start top search */
.topsrch{
display:block;
position: absolute;
  margin-top: 60px !important;
 	float:left;
	clear:both;
	width:380px;
	height:auto;
	padding:10;
	
}
.topsrch form{
	display:block;
	
	clear:both;
	background:transparent url(images/srch_input.png) left top no-repeat;
	width:416px;
	height:40px;
}

.srch_input{
	display:block;
	float:left;
	height:16px;
	width:230px;
	margin:-1px;
	padding:14px 0px 0px 18px;
	font-size:12px;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	color:#00000;
	background:none;
	border:none;
}

.srch_btn{
	display:block;
	float:left;
	width:26px;
	height:25px;
	border:none;
	cursor:pointer;
	background:none;
}
/* end top search */
/* start new login */
.newlogin{
display:block;
position: relative;
	float:right;
	background:transparent url('images/login_bg.png') left top no-repeat;
	width:auto;
	height:40px;
	margin-top: 100px !important;
   	overflow:hidden;
}

.newlogin form,.newlogged{
	display:block;
	float:left;
	width:auto;
	height:30px;
margin-left:5px;
	margin-top:5px;
	overflow:hidden;

}
.newlogin form div{
	display:block;
	float:left;
	background:transparent url('images/login_input.png') left top no-repeat;
	width:100px;
	height:21px;
margin-left:5px;
	margin-top:5px;
	overflow:hidden;
}

.login_detail{
	border:none;
	background:none;
	width:97px;
	height:18px;
	color:#906;
	font-size:11px;

}

.newlogin_submit{
	display:block;
	float:left;
	background:transparent url('images/login_btn.png') left top no-repeat;
	width:58px;
	height:21px;
	border:none;
	overflow:hidden;
	cursor:pointer;
margin-left:5px;
	margin-top:5px;
}


.newlogin form span{
	display:block;
	float:left;
	width:110px;
	font-size:10px;
margin-left:5px;
	margin-top:3px;
	overflow:hidden;
}


.newlogin form span a{
	color:#666;
	font-size:10px;
	text-decoration:underline;
}


.newlogin form span a:hover{
font-size:10px;
	text-decoration:none;
	color:#c06;
}



.newlogged, .newlogged span, .newlogged a
{
font-size:13px;
	color: #999;
	text-align:center;
	padding-left:2px;
	padding-top:3px;
}
.newlogin ul span{
	display:block;
	float:left;
	width:auto;
	font-size:12px;
	margin-top: -2px;
	padding-left:10px;
	overflow:hidden;
}


.newlogin ul span a{
	color:#666;
	font-size:12px;
	text-decoration:underline;
}


.newlogin ul span a:hover{
font-size:12px;
	text-decoration:none;
	color:#c06;
}
/* end new login */

 

[the_end]

приемам всякакви предложения как може да се оправи проблема .. мн ми е спешно

 

[dashe]

Ами направи още 1 див.
В който ще стоят другите 2 дива 8)
И после и на 2та дива вътре им сложи float: left;

 

[hpstuff]

Получава ти се заради това че левия div има position: absolute; така се едно не съществува за другия и тои няма спрямо кои да се флоатне. Сложи му relative или без никакъв не знам за какво го ползваш в случая.

 

[the_end]

еми махнал съм position: absolute; пяк няма резултат ... слагах и на двата блока position: relative; менках ги и т.н. но няма промяна трябва да сложа margin-left: -700px; за да отиде на мястото където би трябвало да е но туй като това ми е за логинформата и при изход половината от формата ми остава извън полето ... ето два шота
първият отвътре:

и отвън: