Craftist,
с помощью css примерно так:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.center {
background: #fff;
width: 20px;
height: 24px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -12px;
margin-left: -10px;
}
</style>
</head>
<body>
<div class="center">
<img src="http://javascript.ru/forum/images/smilies/yes4.gif" alt=""/>
</div>
</body>
</html>
width: 20px;
height: 24px;
это размер элемента, в данном случае размер смайла 20х24
margin-top: -12px; - тут задаем половину от значения "height"
margin-left: -10px; - тут задаем половину от значения "width"
вроде и всё.