Pływające menu html php / pomocy

pytanie zadane 2 czerwca 2016 w HTML i CSS przez ekstaser Nowicjusz (140 p.)
zmienione kategorie 2 czerwca 2016 przez HaKIM

Witam potrzebuje pomocy z kodem html chodzi o pływające menu mam 6 obiektów z którego składa się menu.

oraz logo chcę zrobić efekt pływającego menu z logiem ale niestety logo pływa dobrze a menu oddala się zbyt mocno i nie mogę tego skonfigurować

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<SCRIPT LANGUAGE="JavaScript">

	
	 y = 250;
     gora = 250;
     d=10;
     c=10;
function lec(){
     document.getElementById('objekt0').style.top = d +"px";
     q=(((document.body.scrollTop + c) - d)/10);
     d+=q; 
     setTimeout("lec()",20);
	 
     document.getElementById('objekt').style.top = y +"px";
     q=(((document.body.scrollTop + gora) - y)/10);
     y+=q; 
     setTimeout("lec()",20);
	 
	 document.getElementById('objekt2').style.top = y +"px";
     q=(((document.body.scrollTop + gora) - y)/10);
     y+=q; 
     setTimeout("lec()",20);
	 
	 document.getElementById('objekt3').style.top = y +"px";
     q=(((document.body.scrollTop + gora) - y)/10);
     y+=q; 
     setTimeout("lec()",20);
	 
	 document.getElementById('objekt4').style.top = y +"px";
     q=(((document.body.scrollTop + gora) - y)/10);
     y+=q; 
     setTimeout("lec()",20);
	 
	 document.getElementById('objekt5').style.top = y +"px";
     q=(((document.body.scrollTop + gora) - y)/10);
     y+=q; 
     setTimeout("lec()",20);
	 
	 
}
</SCRIPT>
	
	<LINK rel="stylesheet" href="arkusz.css" type="text/css"> 
     


	</head>

<body>

<BODY onLoad="lec()">

 <ol id="menu"> 
  <div id="objekt0" style="position: absolute; top: -150px; left: 30px; width: 80px; text-align: left; padding-left: 10px;">
 <a href="index.php"><img src="logo.jpg" alt="" hspace="170" align="left" ></a>
 <div id="objekt" style="position: absolute; top: -150px; left: -150px; width: 80px; text-align: left; padding-left: 10px;">
<a href=""><img src="button2.jpg" alt="" hspace="350"/></a></div>
<div id="objekt2" style="position: absolute; top: -150px; left: -148px; width: 80px; text-align: left; padding-left: 10px;">
<a href=""><img src="button4.jpg" alt="" hspace="600" vspace=""/></a></div>
<div id="objekt3" style="position: absolute; top: -150px; left: -146px; width: 80px; text-align: left; padding-left: 10px;">
<a href=""><img src="button5.jpg" alt="" hspace="740" vspace=""/></a></div>
<div id="objekt4" style="position: absolute; top: -150px; left: -144px; width: 80px; text-align: left; padding-left: 10px;">
<a href=""><img src="button3.jpg" alt="" hspace="890" vspace=""/></a></div>
<div id="objekt5" style="position: absolute; top: -150px; left: -144px; width: 80px; text-align: left; padding-left: 10px;">
<a href=""><img src="button1.jpg" alt="" hspace="1045" vspace=""/></a></div>
</ol>

<body background="" hspace="100">

</body>
</html>