CSS

Hello,
I do not know what I am doing wrong. But I added my social network icons. I put them in header.php like this:

<div id="header">
		<a href="<?php echo get_option('home'); ?>">
		<img id="site-logo" src="<?php bloginfo('template_directory'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" /></a>

	<div id "icons">
		<a href="https://twitter.com/AgyTalks">
		<img id="twitter" src="wp-content/themes/AgyTalks/images/twitter.png" alt="" /></a>

		<a href="https://www.facebook.com/pages/AgyTalks/146142402095907?ref=hl">
		<img id="facebook" src="wp-content/themes/AgyTalks/images/facebook.png" alt="" /></a>

		<a href="https://plus.google.com/u/0/114327729751459515132/posts">
		<img id="google" src="wp-content/themes/AgyTalks/images/google.png" alt="" /></a>

	</div>
</div>

the CSS I added was like this:

#header #icons{
	margin-left: 100px;

}
#header #icons  #twitter {
	padding-bottom:1%;
	margin-top: -60px;
	margin-right: 2px;
	margin-left: 100px;
}

#header #icons  #facebook {
	padding-bottom: 1%;
	margin-top: -60px;
	margin-right: 2px;
	margin-left: 100px;
}
#header #icons  #google {
	padding-bottom: 1%;
	margin-top: -60px;
	margin-leftt: 100px;

}

But they are still on the left side, but I want them on the right side in the header section next to menu. Also I cannot make the show up on other pages (Articles, Single post) If my logo is showing throughout the whole page why are not the icons if I put them in the same div as my logo.

Thank You,
Agnese

My page: https://www.agytalks.com