Ragazzi

Sto cercando di cimentarmi con i CSS utilizzando i DIV ma non mi raccapezzo.
I contenuti dovrebbero venire in un unica linea uno accanto all'altro ma non riesco proprio..... mi aiutare nello scrivere bene il codice css?

codice:
<style>
#footer, #footer a
{
        float: left;
	width:100%;
	height:100%
        margin: 0; 
        padding: 0;
	font-size:11px;
	background: blue;

        color: white;
}

#footer-top
{
        float: left;
	width:700px;
	height: 38px;
	

}

.footer-copyright 
{       float: right;
	position: absolute;
	top: 0px;
	left: 10px;
	padding: 0;
	margin: 0;
	font-family:verdana;
	font-size:10px;
        color: red;
        background: yellow;
        z-index: 1;
}

.footer-copyright a
{
        float: left;
	top: 0px;
	left: 10px;
	padding: 0;
	margin: 0;
	font-family:verdana;
	font-size:10px;
        color: white;
        background: yellow;
        z-index: 0
}





</style>






 <div id="footer">
<div id="footer-top" style="width: 700px; height: 34px">
					<p class="footer-copyright">&copy; 2012 CONNECTING MANAGERS | P.Iva: IT03644550232
					 </p>	
					<ul id="footer-links">
						[*]Community
						[*]Strumenti Marketing
						[*]Newsletter
					[/list]</div>
					
<div id="social" style="width: 1144px; height: 414px">				
[img]footer-social_facebook.gif[/img]</div>
					

| 
					<a target="_blank" href="http://it.linkedin.com/pub/connecting-managers®/26/198/9b5">
					[img]footer-social_linkedin.gif[/img]</a> | 
					<a target="_blank" href="http://twitter.com/ConnectingM">
					[img]footer-social_twitter.gif[/img]</a>
					<label>Credits</label> </div>
</div>