Adding Social Media Buttons to Header in Wordpress

I'm creating a website for my friend and wanted to add a facebook and twitter button to the header of my website right next to the logo. But, I can't get it to work.

This is what I have in my style.css:

#header-social{
float:left;
padding:50px 50px 0px 0px
}

Code (markup):

Here is what I have in my header.php:

<div id="header-social">
    
    </div>
    			<a href="http://www.facebook.com"><img src="http://website.com/images/facebook.png"></a>
			<a href="http://www.facebook.com"><img src="http://website.com/twitter-follow.png"></a>
	<div id="navigation">
		<ul class="sf-menu">
			<?php wp_list_pages('title_li='); ?>
		</ul>
		<div class="Clear">
		</div>
	</div>
</div>

Code (markup):

Now, the social media buttons are in my header, next to my logo (where I want them), however, whenever I enter in the padding it doesn't even move down. What's going on here?

 

Remove the extra closing tag above the buttons:

<div id="header-social">

   [COLOR="red"][COLOR="blue"] </div>[/COLOR][/COLOR]
    			<a href="http://www.facebook.com"><img src="http://website.com/images/facebook.png"></a>
			<a href="http://www.facebook.com"><img src="http://website.com/twitter-follow.png"></a>
	<div id="navigation">
		<ul class="sf-menu">
			<?php wp_list_pages('title_li='); ?>
		</ul>
		<div class="Clear">
		</div>
	</div>
</div>

Code (markup):

 

Cash Nebula's is right you should tey his/her advice if not working then try google search or search on other developers forum other wise what is your site name