[Resolvido] posicionamento icones sidebar

[MatheusSilva 0]

ola, tenho uma sidebar com este codigo - ela esta dentro do content, que tem o bloco de conteudo central e a sidebar

 

<div id="content">
<div id="conteudo">
 	<?php
		include("functions/function_querystring.php");
   	QueryString($_GET['pag'], 'home', 'arquivos');
   	?>
</div>
<!--conteudo -->

<div id="sidebar"><!-- inicio sidebar -->

 	<h1>Algumas coisas</h1>
 	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis eleifend velit. Quisque varius malesuada bibendum. Etiam in quam eget nibh fringilla hendrerit. Ut elementum dui quis erat pellentesque nec faucibus est cursus. Quisque molestie tellus ac eros pulvinar in porta neque convallis. Fusce at turpis et odio tempus pretium ut in diam. Donec ac sapien porta nulla semper hendrerit? Donec mattis, quam eget vulputate hendrerit, metus augue faucibus magna; eget dictum nibh nunc quis massa. In at sem nisi. Etiam sit amet odio neque? Nunc viverra viverra nunc.

   	Nulla sit amet viverra dui. Etiam quis arcu non sapien vulput</p>
 	<br />
 	<br />
 	<br />
 	<h1>Redes Sociais</h1>

 	<div id="redes">
   	<ul>
     	<li><a href="#"><img src="img/redessociais/twitter.png" border="0" /></a></li>
     	<li><a href="#"><img src="img/redessociais/facebook.png" border="0" /></a></li>
     	<li><a href="#"><img src="img/redessociais/orkut.png" border="0" /></a></li>
     	<li><a href="#"><img src="img/redessociais/youtube.png" border="0" /></a></li>
   	</ul>
 	</div><!-- redes sociais--> 

</div>
<!--sidebar --> 
 </div>
 <!--content -->

 

css:

#content {
margin-top: 10px
}
#conteudo {
width: 780px;
padding: 5px;
text-align: left;
font-family: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
float: left;
margin-right: 1px;
background: #FFF;
border:1px solid #069;
}
#conteudo h1 {
font: 18px Tahoma, Geneva, sans-serif;
color: #069;
border-bottom: solid #069 3px;
margin: 0 0 5px 0;
padding: 0 0 3px 0;
}
#conteudo h2 {
font: 16px Tahoma, Geneva, sans-serif;
color: #CCC;
font-weight: bold;
}
#conteudo p {
margin: 10px 0px 10px 0;
text-align: justify;
}
#conteudo a {
color: #06C;
text-decoration: none;
font-weight: bold;
}
#conteudo a:hover {
color: #036;
}
#sidebar {
width: 215px;
float: right;
margin-right: 10px;
background: #FFF;
margin-bottom: 20px;
border: 1px solid #069;
padding: 5px;
font: 14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
margin-top: 0px;
}
#sidebar ul li {
list-style: none;
}
#sidebar .titulo {
font: 16px Georgia, "Times New Roman", Times, serif;
color: #000;
border: 2px solid #CDCDCD;
width: 200px;
text-align: center;
}
#sidebar h1 {
font: 18px Tahoma, Geneva, sans-serif;
color: #F90;
font-weight: bold;
padding: 5px;
border: 1px solid #063;
background-color: #CCC;
float: left;
width: 200px
}
#redes ul{
padding:0;
margin:0;
list-style:none;
}
#redes ul li{
display:inline;
}
#redes ul li a{
margin-top:100000000px;
padding:5px;
}

 

porem esta acontecendo isso:

 

 

eu ja coloquei padding, margin, TUDO e nao funciona.

obrigado.

 

 

 

RESOLVIDO, falta um float.