<div id="linkbox">
   <h3>tune in...</h3>
   <div id="logos">product logos</div>
   <ul id="links>
       <li><a href="#">winamp hi</a></li>
       <li><a href="#">winamp lo</a></li>
       <li><a href="#">windows media player hi</a></li>
       <li><a href="#">windows media player lo</a></li>
       <li><a href="#">real player hi</a></li>
       <li><a href="#">real player lo</a></li>
   </ul>
</div>

div#linkbox {
position:relative;
width:300px;
height:200px;
background-color:#000;
padding:0;
margin:0;
border:8px #333 solid;
}
div#linkbox h3 {
position:absolute;
top:10px;
left:10px;
font:normal 11pt Arial, sans-serif;
color:purple;
text-transform:uppercase;
margin:0;
padding:0;
}
div#logos {
position:absolute;
top:80px;
left:10px;
background:url(pathToLogoImage.png) center no-repeat;
width:30px;
height:100px;
text-indent:-3000px;   /*  THESE TWO HIDE THE TEXT, SO NOT AN EMPTY TAG */
overflow:hidden;
}
ul#links {
position:absolute;
top:80px;
left:40px;
margin:0;
padding:0;
}
ul#links li {
list-style-type:none;
padding:2px 0;
margin:0;
}
ul#links a:link, ul#links a:visited {
font:normal 9pt Arial, sans-serif;
color:#fff;
text-align:left;
text-decoration:none;
text-transform:capitalize;
}
ul#links a:hover, ul#links a:focus {
outline:0;
text-decoration:underline;
}