ul y li - comportamiento extraño

[kenproxd]

Buenas,

estoy trabajando la siguiente página web: http://choniespejo.com/

Al ingresar aquí el menú del header hecho con ul y li sale como una lista vertical, cosa que no debería ocurrir ya que lo he modificado para que salga de manera horizontal usando el siguiente código:

Código CSS:

ul {
    text-transform: uppercase;
    float: right;
    padding: 0px;
    margin: 0px;
}
li {
    float: left;
    list-style: none;
}
 

Código HTML:

<ul>
        <a href="index.php"><li id="selected">inicio</li></a>
        <a href="index.php?ver=proyectos"><li>proyectos</li></a>
        <a href="index.php?ver=inmuebles"><li>inmuebles</li></a>
        <a href="contacto.php"><li>contacto</li></a>
</ul>
 

El hecho es que al hacer clic en alguno de los links del menú (incluso en el botón inicio) éste menú aparece y en horizontal como debería ser desde un principio. Pueden comprobarlo ingresando a http://choniespejo.com/index.php (ver que sólo estoy incluyéndole el index.php en la dirección).

Alguien sabe qué puede estar sucendiendo?