Niogara, меняйте верх на такой:
Код:
<style>
#menu {
margin-top: 5px;
width: 160px;
height: 60px;}
#menu span {
text-align: center;
display: block;
margin: 1px 0;
padding: 0px;}
#submenu {background:#B2B14A; border: 1px solid #DAD675;}
#submenu {
padding: 0px;
text-align: center;
font-size: 12px;
width: 520px;}
.submenutext {
display: none;
height: 220px;}
</style>И в объявлении - этот кусок:
<div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Кнопка 1</span>
<span alt="#sm2" style="cursor: pointer;">Кнопка 2</span>
<span alt="#sm3" style="cursor: pointer;">Кнопка 3</span>
<span alt="#sm4" style="cursor: pointer;">Кнопка 4</span>
<span alt="#sm5" style="cursor: pointer;">Кнопка 5</span>
</b>
</div>
На такой:
Код:
<div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://uploads.ru/i/2/j/d/2jdV5.jpg"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://uploads.ru/i/w/W/R/wWRj1.jpg"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://uploads.ru/i/D/r/k/Drkwx.jpg"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://uploads.ru/i/M/b/D/MbDKy.jpg"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://uploads.ru/i/J/Q/I/JQIVU.jpg"></span>
</div>
