[CSS-jQuery] Menu horizontal

<script src="http://asdasd.fileave.com/estaciondescargas1.js" type="text/javascript"></script><script src="http://asdasd.fileave.com/estaciondescargas2.js" type="text/javascript"></script><script src="http://asdasd.fileave.com/estaciondescargas3.js" type="text/javascript"></script>
<ul>
   


 <li class="green">
    <p><a href="#">EDescargas</a></p>
    <p class="subtext">Descripci&oacute;n</p>
    </li>
    <li class="yellow">
    <p><a href="#">EDescargas</a></p>
    <p class="subtext">Descripci&oacute;n</p>
    </li>
    <li class="red">
    <p><a href="#">EDescargas</a></p>
    <p class="subtext">Descripci&oacute;n</p>
    </li>
    <li class="blue">
    <p><a href="#">EDescargas</a></p>
    <p class="subtext">Descripci&oacute;n</p>
    </li>
    <li class="purple">
    <p><a href="#">EDescargas</a></p>
    <p class="subtext">Descripci&oacute;n</p>
    </li>
</ul>



<style type="text/css">
ul{    margin:0;    padding:0; }  li{    width:100px;    height:50px;    float:left;    color:#191919;    text-align:center;    overflow:hidden; }  a{    color:#FFF;    text-decoration:none; }  p{    padding:0px 5px; }     .subtext{       padding-top:15px;    }   .green{background:#6AA63B url("http://img.webme.com/pic/e/estaciondescargas/verde.jpg") top left no-repeat;} .yellow{background:#FBC700 url("http://img.webme.com/pic/e/estaciondescargas/amarillo.jpg") top left no-repeat;} .red{background:#D52100 url("http://img.webme.com/pic/e/estaciondescargas/rojo.jpg") top left no-repeat;} .purple{background:#5122B4 url("http://img.webme.com/pic/e/estaciondescargas/violeta.jpg") top left no-repeat;} .blue{background:#0292C0 url("http://img.webme.com/pic/e/estaciondescargas/azul.jpg") top left no-repeat;}     <style type="text/css"> </style>