Hey, guys, i learned a lot of html & css yesterday, but have much problem ^^



here the index.php code :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>

<title> Bypass Megavideo </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />





</head>

<body>


<form method="post" class="block">

<input type="text" name="url" value="" style="width: 600px" style="height: 100px" class="bar">



<form action="post">
<input type="image" src="play.jpg" class="bouton">
</form>


<br />
<p>
<h3 class="exemple">ex - http://megavideo.com/?v=4R2Y3TWF</h3>
</p>


<br />
<br />
<br />


<?php

// Overridable defines
define('SITE_URL',"http://".$_SERVER['HTTP_HOST'].dirname($_SERVER['PHP_SELF']).'/');

if(isset($_POST['url']))
{
include('curl.php');
include('megavideo.php');
include('config.php');

$tube = new megavideo();

$tube->init($username, $password);

$download_link = $tube->get($_POST['url']);


if($download_link) {
preg_match('%megavideo\.com/\?v=([A-Z0-9]+)%',$_POST['url'],$match);

//$remoteLink = urldecode($download_link.'video.flv&type=flv');

$streamLink = urlencode(SITE_URL.'stream.php?url='.base64_encode ($download_link).'&type=flv');
$streamDownloadLink = SITE_URL.'stream.php?url='.base64_encode($download _link);

?>
<a class="url" href="<?=$streamDownloadLink;?>"><?=$streamDownloa dLink;?></a>
<br />



<embed class="lecteur" name="player1" id="player1"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
width="500" height="400"
bgcolor="#FFFFFF"
src="player.swf"
allowfullscreen="true"
allowscriptaccess="always"
flashvars="file=<?=urlencode($streamLink);?>&amp;f rontcolor=100000&amp;backcolor=ffffff&amp;fullscre en=true">
</embed>




<?php } else { ?>
Error locating download URL.
<?php }

}

?>
</head>
</body>
</html>

And the CSS ^^


.exemple
{
font-size: 18px; /* la taille d epolice est de 18px */
text-align: center; /* ont aligne le text */
}
body
{
background-image: url("first.jpg"); /* Ont charge le background */
background-position: top; /* Le fond est align? au centre */
background-repeat : no-repeat;

}
.block
{
margin-top: 220px;
margin-right: 100px;
margin-bottom: 15px;
margin-left: 585px;
}
.bar
{
height: 70px;
}


with this code, i cant move play logo"butoon" without move url bar


here a screen on google chrome :






and on firefox :






how i can fix it, i think the <form is the cause, i cant move one without others... thanks