[HTML / CSS] Plaatjes / Tekst rechtzetten

Hey,

Op deze pagina moeten de twitter en facebook icons gelijk met de header tekst komen te staan maar dat lukt niet.

Html:

<!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" xml:lang="en"> 
 <head> 
  <title>Ewan Oomen</title> 
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
   <link rel="stylesheet" href="style1.css" type="text/css" /> 
   <script type="text/javascript" src="js/cufon-yui.js"></script> 
    <script type="text/javascript" src="js/New_Cicle_400.font.js"></script> 
     <script type="text/javascript"> 
Cufon.replace(h1,h2,h3,h4);
</script>  
 </head> 
 
    <body> 
  <div align="center"> 
<div id="balkjes"><h1><tt>Ewan Oomen</tt></h1><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.twitter.com/Ewan_NL" ><img src="images/twitter.png" width=100 /></a><a href="http://www.facebook.com/profile.php?id=100002087998317" ><img src="images/facebook.png" width=100 /></a></p></div> 
 <div id="menu"> 
<center><marquee width=1000px ><b>Admin:</b> De website gaat zo snel mogelijk open! Klik op de social media icontjes om naar mijn profiel te gaan.</marquee></center>
</div> 
 
 <div id="content" /> 
Beste bezoeker,<br /> 
Momenteel is mijn website nog in onderhoud.<br /> 
Kom later nog eens terug!<br /><br /><img src="http://denniz.eu/images/down.png" width=300/>
</div> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
&copy; Copyright 2010 - 2011 | <a href="http://www.ewanoomen.nl/" title=EwanOomen.nl >Ewan Oomen</a> | All Rights Reserved
 
      </body> 
 
</html>

Css:

body {
background-image: url(images/background.png);
background-color: #F0F2F2
font-family: "Helvetica", arial;
font-size: 12px;
margin: 0px auto;
padding: 0;
}
 
div#menu {
background: url(images/menu3.png);
width: 100%;
height: 40px;
font-family: "Helvetica", arial;
font-size: 13px;
color: #FFFFFF;
 
text-align: center;
line-height: 40px;
}
 
div#balkjes {
background: url(images/balkjes.png);
width: 100%;
height: 100px;
 
}
 
#balkjes h1 {
       font-size:50px;
    font-family: Verdana;
    color:#FFFFFF;     
    text-decoration: none; 
        margin-right: 670px;
        margin-top: 0px;
}

#balkjes p {
       font-size:100px;
    font-family: Verdana;
    color:#FFFFFF;     
    text-decoration: none; 
        margin-left: 0px;
        margin-top: 0px;
}

#menu a {
       font-size:12px;
    font-family: Verdana;
    color:#FFFFFF;     
    text-decoration: none; 
}
 
#menu a:hover {
    font-family: Verdana;
    font-size:14px;     
    color:#FFFFFF; 
}
h1 {
font-size: 30px;
}
 
 
div#content {
background-color: #FFFFFF;
width: 1000px;
height: auto;
padding: 10px;
font-family: Verdana;
text-size: 10px;
color: #000000;
margin-left: 175px;
 
 
border-left: 1px solid #1B1B1B;
border-right: 1px solid #1B1B1B;
border-bottom: 2px solid #1B1B1B;
 
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
 
float: left;
}
 
 
div#content2 {
margin-bottom: 5px;
background-color: #FFFFFF;
width: 300px;
height: auto;
padding: 10px;
font-family: Verdana;
text-size: 10px;
color: #000000;
margin: 0 auto;
margin-right: 130px;
border-left: 1px solid #1B1B1B;
border-right: 1px solid #1B1B1B;
border-bottom: 2px solid #1B1B1B;
 
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
 
 
float: right;
}

Ik hoop dat iemand me kan helpen!

Groetjes,
Ewan

gebruik is margin-top: -..px;?