Vale mira el codigo, solo copio el del menu izquierdo ya que es algo largo. y poreste medio no me deja mostrarlo todo, pero si deseas y no es molestia la pagina es esta
http://frontwebos.web.officelive.com para que puedas ver todo el codigo html. de nuevo agradesco su colaboracion
<div id="meniz" >
<ul>
<!--OFFICE-->
<li><a title="Ofimatica"><img src="images/mi/officeonline.png" alt="Ofimatica" /></a>
<ul>
<li><a href="https://office.live.com/newlivedocument.aspx?xt=docx" title="Word" target="_blank" ><img src="http://officeimg.vo.msecnd.net/en-us/files/940/032/ZA101870038.jpg" class="subme" alt="Word" />Microsoft Word</a></li>
<li><a href="https://office.live.com/newlivedocument.aspx?xt=xlsx" title="Excel" target="_blank" ><img src = "http://officeimg.vo.msecnd.net/en-us/files/352/648/ZA101870031.jpg" class="subme" alt="Excel" />Microsoft Excel</a></li>
<li><a href="https://office.live.com/newlivedocument.aspx?xt=pptx" title ="Power point" target="_blank" ><img src = "http://officeimg.vo.msecnd.net/en-us/files/123/286/ZA101870037.jpg" class="subme" alt="powerPNT" />Microsoft PowerPoint</a></li>
<li><a href="https://office.live.com/newlivedocument.aspx?xt=one" title="OneNote" target="_blank"><img src = "http://officeimg.vo.msecnd.net/en-us/files/354/919/ZA101870032.jpg" class="subme" alt="OneNote" />Microsoft OneNote</a></li>
<li><a href="https://docs.google.com/" title="Google Docs" target="_blank"><img src = "http://docs.google.com/favicon.ico" class="subme" alt="Google Docs" />Google Docs</a></li>
</ul>
</li>
<!--Accesorios-->
<li><a title="Accesorios"><img src="images/mi/accesorios.png" alt="Accesorios" /></a>
<ul>
<li><a href="http://es.web2.0calc.com/" title="Calculadora" target="_blank" ><img src = "http://es.web2.0calc.com/favicon.ico" class="subme" alt="calc" />Calculadora</a></li>
<li><a href="http://www.online-convert.com/" title="Convierte Videos, Imagenes, sonidos a otros formatos" target="_blank"><img src="http://www.online-convert.com/favicon.ico" title="Convertidor" alt="Convertidor" class="subme" />Convertidor</a></li>
<li><a href="https://www.autocadws.com/" title="Ve tus documentos de Autocad sin necesidad de tenerlo instalado" target="_blank"><img src="https://www.autocadws.com/favicon.ico" title="AutocadWS" alt="AutoCad" class="subme" />AutoCAD</a></li>
<li><a href="https://wa103.teamviewer.com/login.aspx" title="Conectate remotamente" target="_blank"><img src="http://www.teamviewer.com/favicon.ico" title="TeamViewer" alt="TeamViewer" class="subme" />TeamViewer</a></li>
<li><a href="http://www.wikispaces.com" title="Crea tu Wiki para un grupo de trabajo" target="_blank"><img src="http://www.wikispaces.com/favicon.ico" title="WikiSpaces" alt="WikiSpaces" class="subme" />WikiSpaces</a></li>
<li><a href="http://www.songsterr.com/" title="El Guitar Pro on-line" target="_blank"><img src = "http://www.songsterr.com/favicon.ico" class="subme" alt="Songsterr" />Songsterr</a></li>
</ul>
</li>
<!--MAILS-->
<li><a title="e-Mail" ><img src="images/mi/mail.png" alt="e-Mails" /></a>
<ul>
<li><a href="http://mail.yahoo.com" title="Yahoo! Mail" target="_blank"><img src="https://login.yahoo.com/favicon.ico" class="subme" alt="Yahoo!" />Yahoo! Mail</a></li>
<li><a href="http://hotmail.com" title="Hotmail" target="_blank"><img src="http://mail.live.com/favicon.ico" class="subme" alt="Hotmail" />Hotmail</a></li>
<li><a href="http://gmail.com" title="Gmail" target="_blank"><img src="http://mail.google.com/favicon.ico" class="subme" alt="Gmail" />Gmail</a></li>
</ul>
</li>
<!--MAPAS-->
<li><a title="Mapas" ><img src="images/mi/map.png" alt="Mapas" /></a>
<ul>
<li><a href="http://www.bing.com/maps/" title="Bing Maps" target="_blank"><img src = "http://www.bing.com/maps/favicon.ico" class="subme" alt="BM" />Bing Maps</a></li>
<li><a href="http://maps.google.com/" title="Google Maps" target="_blank"><img src = "http://www.google.com/favicon.ico" class="subme" alt="GM" />Google Maps</a></li>
<li><a href="http://www.openstreetmap.org" title="OpenStreetMaps" target="_blank"><img src="http://www.openstreetmap.org/favicon.ico" class="subme" alt="OSV" />Open Street Maps</a></li>
<li><a href="http://maps.yahoo.com/" title="Yahoo! Maps" target="_blank"><img src = "https://login.yahoo.com/favicon.ico" class="subme" alt="Y!M" />Yahoo! Maps</a></li>
</ul>
</li>
<!--CALENDARIOS-->
<li><a title="Calendarios" ><img src="images/mi/calendarios.png" alt="Calendarios" /></a>
<ul>
<li><a href="http://www.google.com/calendar/" title="Calendario Google" target="_blank"><img src = "http://www.google.com/favicon.ico" class="subme" alt="GC" />Google Calendar</a></li>
<li><a href="http://calendar.live.com/" title="Calendario Windows Live" target="_blank"><img src = "https://login.live.com/favicon.ico" class="subme" alt="WLC" />Windows Live Calendar</a></li>
<li><a href="http://calendar.yahoo.com" title="Calendario Yahoo!" target="_blank"><img src = "https://login.yahoo.com/favicon.ico" class="subme" alt="yc" />Yahoo! Calendar</a></li>
</ul>
</li>
<!--ESTUDIO-->
<li><a title="Estudio" ><img src="images/mi/books.png" alt="Estudio" /></a>
<ul>
<li><a href="http://es.wikipedia.org" title="Wikipedia" target="_blank"><img src = "http://en.wikipedia.org/favicon.ico" class="subme" alt="W" />Wikipedia</a></li>
<li><a href="http://rincondelvago.com" title="Rincon del Vago" target="_blank"><img src = "http://www.rincondelvago.com/favicon.ico" class="subme" alt="RDV" />Rincon Del Vago</a></li>
<li><a href="http://www.senavirtual.edu.co/" title="Sena Virtual" target="_blank"><img src = "http://oficina.sena.edu.co/portal_2010/_pictures/favicon.ico" class="subme" alt="SV" />Sena Virtual</a></li>
<li><a href="http://www.aula365.com/default.aspx" title="Aula 365" target="_blank"><img src = "http://argentina.aula365.com/images/abj.ico" class="subme" alt="A365" />Aula 365</a></li>
<li><a href="http://www.monografias.com/" title="Monografias" target="_blank"><img src= "http://www.monografias.com/favicon.ico" class="subme" alt="Monografias" />Monografias</a></li>
<li><a href="http://www.mslatam.com/latam/technet/mva2/Home.aspx" title="Microsoft Virtual Academy" target="_blank"><img src = "http://www.microsoft.com/favicon.ico" class="subme" alt="MVA" />Microsoft Virtual Academy</a></li>
</ul>
</li>
<!--Almacenamiento Online-->
<li><a title="Almacenamiento Online"><img src="images/mi/dd.png" alt="Almacenamiento Online" /></a>
<ul>
<li><a href="http://skydrive.live.com" title="SkyDrive" target="_blank"><img src = "http://skydrive.live.com/favicon.ico" class="subme" alt="SD" />SkyDrive</a></li>
<li><a href="http://dropbox.com" title="DropBox" target="_blank"><img src = "https://www.dropbox.com/static/15556/images/favicon.ico" class="subme" alt="DB" />DropBox</a></li>
<li><a href="http://gigasize.com" title="Gigasize" target="_blank"><img src = "http://www.gigasize.com/favicon.ico" class="subme" alt="GS" />Gigasize</a></li>
<li><a href="http://megaupload.com" title="Megaupload" target="_blank"><img src = "http://wwwstatic.megaupload.com/images/icon.ico" class="subme" alt="MU" />Megaupload</a></li>
<li><a href="http://mediafire.com" title="Mediafire" target="_blank"><img src = "http://www.mediafire.com/favicon.ico" class="subme" alt="MF" />Mediafire</a></li>
<li><a href="http://rapidshare.com" title="Rapidshare" target="_blank"><img src = "http://images3.rapidshare.com/img/favicon.ico" class="subme" alt="RS" />Rapidshare</a></li>
</ul>
</li>
<!--TRADUCTORES-->
<li><a title="Traductores"><img src="images/mi/traductor.png" alt="Traductores" /></a>
<ul>
<li><a href="http://translate.google.com/" title="Google Translator" target="_blank"><img src = "http://translate.google.com/favicon.ico" class="subme" alt="GT" />Google Translator</a></li>
<li><a href="http://www.microsofttranslator.com/" title="Bing Transletor" target="_blank"><img src = "http://www.microsofttranslator.com/icon.ico" class="subme" alt="BT" />Bing Translator</a></li>
<li><a href="http://traductor.babylon.com/" title="Babylon" target="_blank"><img src = "http://www.babylon.com/favicon.ico" class="subme" alt="B" />Babylon</a></li>
</ul>
</li>
</ul>
</div>