<style type="text/css">

body
{
text-align: center;
}

div#container
{
margin-left: auto;
margin-right: auto;
width: 50em;
text-align: left;
}

#list-menu {
width: 132px;
/* this width value is also effected by
the padding we will later set on the links. */
}
#list-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 12px;}

#list-menu li {
margin: 2px 0 0;
}

#list-menu a {
display: block;
width:120px;
padding: 2px 2px 2px 10px;
border: 1px solid #000000;
background: #dcdcdc;
text-decoration: none; /*lets remove the link underlines*/
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #000000;
}

#list-menu a:hover {
border: 1px solid #000000;
background: #333333 url(http://img241.imageshack.us/img241/227/smallmo2.jpg);
color: #ffffff;
}
</style>

<div id="container">

<div id="list-menu" style="position: absolute; left:000px;  top:000px; width:150px; height:110px; overflow: auto;">
<ul>
<li><a href="http://home.myspace.com/index.cfm?fuseaction=user" onfocus="this.blur()">Home</a></li>
<li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=36517616" onfocus="this.blur()">Add Me</a></li>
<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=36517616" onfocus="this.blur()">Message Me</a></li>
<li><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=36517616" onfocus="this.blur()">Blog</a></li>
<li><a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=36517616" onfocus="this.blur()">Block</a></li>
</ul>
</div>

<div class="content" style="position: absolute; left:140px;  top:000px; width:600px; height:110px; overflow: auto;"><center>
<img src="http://img501.imageshack.us/img501/4853/bannervk9.jpg">
</div>
</div>