Jak zrobić żeby przelegało

pytanie zadane 3 września 2016 w HTML i CSS przez ProgramistaMaciek Początkujący (250 p.)

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<title>Panel Logowania - Nazwa.pl</title>
		<meta charset="utf-8" />	
<link rel="stylesheet" href="styl.css" />
</head>
<body>
	<div id="pudelko">
		<div id="logo">
		123123123ss
		</div>
		<div id="panel">
			<form>
				<input type="text" placeholder="Login" />
				<br/><br/>
				<input type="password" placeholder="Haslo"/>
				<br/><br/>
			<input type="submit" value="Zaloguj sie"  />
			</form>
		</div>
	</div>


</body>
</html>



Tutaj CSS : 
body
    {
        background-image: url"tlo.png";
    }
#pudelko
{
    width: 100%;
    
}
#logo
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: green;
    height: 100px;
    
}
#panel
{
    margin-top: 200px;
    -webkit-box-shadow: 0px 0px 169px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 169px 0px rgba(0,0,0,0.75);
    -box-shadow: 0px 0px 169px 0px rgba(0,0,0,0.75);
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    height: 200px;
    text-align: center;
    padding-top: 50px;
    background-color: #404040;   
}

I nie wiem jak zrobić żeby LOGO było przyklejone do góry i po bokach, jak wpisuje margin: 0px; nie pomaga ;/