So I'm trying to design my first website, I'm looking to add social icons to my site like twitter and facebook. But having a problem targeting these div's. I was able to target the twitter icon fine, but than when I tried to make a div for the facebook icon no values seem to be working at all.

I basically have one div targeting the twitter icon like this with the margin values to put it exactly where I want it. Than have another div for facebook but that doesn't do anything.

Html

<div id="twitter">
<li><a href="#"><span><img src="http://tycoontalk.freelancer.com/images/twitter-bird.png" /></span></a></li>
</div>

css

#twitter {

float:left;
position: absolute;
margin: -508 60 50 1025;

}

But than my facebook div isn't doing anything.

html

<div id="facebook">
<h3<<li><a href="#"><span><img src="http://tycoontalk.freelancer.com/images/facebook-icon.png" /></span></a></li>
</div>

css

#facebook {

float:left;
position: absolute;
margin: -708 160 50 1125;

}

Why can I not target this div like I did with the twitter div?

Lol, nevermind. I forgot to close that facebook css } tag :/

Hi jesbweb, the line inside the div contains multiple HTML errors! Get into the habit of checking your page implementations - there are free online resources for this - search "w3 page validator" and "w3 css validator".