Código:
<div >
<ul style="float:right;padding-top:10px;padding-top:-50px">
<li id="menu1" style="display:none"><a href="index.html" clicktoshow="1,menu2" clicktohide="2, 3, 4,menu1,menu3,menu4"><img src="http://img54.xooimage.com/files/8/b/f/derecho-icono-8141-128-24476fd.png"/></a>
</li>
<li id="menu2" ><a href="about.html" clicktoshow="2,menu3" clicktohide="1, 3, 4,menu1,menu2,"><img src="http://img54.xooimage.com/files/8/b/f/derecho-icono-8141-128-24476fd.png"/></a></li>
<li id="menu3" style="display:none;"><a href="services.html" clicktoshow="3,menu4" clicktohide="1, 2, 4,menu1,menu2,menu3,menu4"><img src="http://img54.xooimage.com/files/8/b/f/derecho-icono-8141-128-24476fd.png"/></a></li>
<li id="menu4" style="display:none;" ><a href="contact.html" clicktoshow="4,menu1" clicktohide="1, 2, 3,menu2,menu3,menu4"><img src="http://img54.xooimage.com/files/8/b/f/derecho-icono-8141-128-24476fd.png"/></a></li>
</ul>
<div style="float:left;
padding-left:50px;padding-top:38px;"
<div id="1" >
CONTENIDO 1
</div>
<div id="2" style="display:none;">
CONTENIDO 2
</div>
<div id="3" style="display:none">
CONTENIDO 3
</div>
<div id="4" style="display:none">
CONTENIDO 4
</div>