div or span not aligning to right

[Mirror_Image]

i have this code for footer but span text is not aligning to right

<div id="footer">
    
    <a href="" >Privacy | </a><a href="" > Terms  |</a><a href="" > Disclaimer  |</a><a href="" > About Us  |
</a><a href="" > Join Mailing List | </a><a href="" > Sitemap  </a>


<span id="footspan ">
     ©     My Baby  2009 | Website handcrafted by <img src="abc.png" />  </span>

    <br />
    
</div>
</div> 

css is

#footer{
	line-height:50px;
	color:#FFFFFF;
	font-size:10px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../../../images/shadbot.png);
margin-left:6px;
}


#footspan{
text-align:right;

margin-top:500px;
margin-left:100px;
color:red;
}

#footer a{
	color:#FFFFFF;
	list-style:none ;
	text-decoration:none;
}

text is just coming nect to each other . i want to align the span text on the right corner

[abduraooft]

Move text-align:right; from #footspan to #footer

[Mirror_Image]

but i want the privacy and other link on left but only span on right

[abduraooft]

Apply float:right; to your #footspan