For a quick solution to your problem of placing things in the centre of a web page (without using tables - tables are "ugh!" - div's are so much better for this sort of thing!):
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.CenterWrapper
{
position:fixed;
top:100px;
left:0px;
width:100%;
margin:0px;
padding:0px;
height:auto;
text-align:center;
}
.CenterInnerWrapper
{
width:auto;
display:inline-block;
height:auto;
position:relative;
}
.sociallink
{
background: url('../image/social_bg.png') no-repeat;
padding:0px;
height: 175px;
width:auto;
}
.sociallink img
{
width:auto;
height:100%;
}
</style>
</head>
<body>
<div class="CenterWrapper">
<div class="CenterInnerWrapper">
<div class="sociallink">
<a href="www.facebook.com">
<img src="http://scienceroll.files.wordpress.com/2009/12/facebook2009-04-21-1240343633.jpg" /></a><br />
<a href="wwww.twitter.com">
<img src="http://cdn.caughtoffside.com/wp-content/uploads/2011/05/twitter_logo_12.jpeg" /></a><br />
<a href="www.blog.com">
<img src="http://1.bp.blogspot.com/_hsWThc1UE9o/TK7kodO8XcI/AAAAAAAAP1Y/hCOjfnJSAII/s1600/blog.jpg" /></a>
</div>
</div>
</div>
</body>
Hope this helps, don't forget to change your image URL's back to what they were,
Ed
Updated CSS comments - I accidently used "//" instead of "/*MYCOMMENT*/" - this has been rectified