Fuente: meyerweb

HTML

<div id="menu3">
<a href="http://menus.blogsome.com/">Inicio<img src="http://menus.blogsome.com/uploads/menus/inicio.gif"></a>
<a href="http://www.wordpress.org/" title="WordPress">WordPress<img src="http://menus.blogsome.com/uploads/menus/wordpress.gif"></a>

<a href="http://www.mozilla-europe.org/es/products/firefox/">Firefox<img src="http://menus.blogsome.com/uploads/menus/firefox.png"></a>
<a href="http://www.blogsome.com/">Blogsome<img src="http://menus.blogsome.com/uploads/menus/blogsome.gif"></a>
<a href="http://juglar103.blogsome.com/">Juglar<img src="http://menus.blogsome.com/uploads/menus/juglar.gif"></a>

<a href="http://www.bloglines.com/blog/Juglar">Bloglines Blog<img src="http://menus.blogsome.com/uploads/menus/bloglines.gif"></a>
</div>

CSS

#menu3 {
position: absolute;
top: 100px;
left: 550px;
width: 200px;
line-height: 0;
}

#menu3 a {
display: block;
text-align: center;
padding: 5px 10px;
margin: 0 0 1px;
border-width: 0;
text-decoration: none;
color: #FFC;
background: #444;
border-right: 5px solid #505050;
line-height:32px;
}

#menu3 a:hover {
color: #411;
background: #AAA;
border-right: 5px double white;
}

#menu3 a img {
height: 0;
width: 0;
border-width: 0;
}

#menu3 a:hover img {
position: absolute;
left: 10px;
height: 30px;
width: 30px;
}