div, border-radius, overflow, entre otros

[eguitox]

Hola a tod@s.

Llevo ya vastante tiempo sin escribir en el foro.

Me encuentro realizando un sitio web de ofertas para mi país.

http://www.cupomakers.com/

Si van al enlace podrán ver lo que llevo.

Lo que busco primero es que al pasar el ratón sobre "Arica" se despliegue el menu de categorias de ciudades (esto sirve), sin embargo al desplegarse el menú el apartado de nombre de usuario se corre hacia la izquierda y no queda debajo del menú.

En internet explorer, no puedo hacer que la barrita de categoria quede pegada a la izquierda y en el CSS correspondiente a IE aplico el siguiente código.

#SelectCiudadIE {

position:absolute;
float: right;
margin-right: 50px;
margin-top: 40px;
padding-left:10px;
width: 160px;
height:20px;
border: 1px solid #000;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
overflow:hidden;
background-color:#ffffff;
z-index: 2;
behaviour: url(border-radius.htc);

}

#SelectCiudadIE:hover {

position:absolute;
float: right;
margin-right: 50px;
margin-top: 40px;
padding-left:10px;
width: 160px;
height:160px;
border: 1px solid #000;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
overflow:hidden;
background-color:#ffffff;
z-index: 2;
behavior: url(border-radius.htc);

}

El primero es como se ve sin pasar el ratón por ensima y el siguiente es el hover.

Y por ultimo, no puedo hacer que se vean los bordes redondeados en IE.He probado incluyendo un archivo htc sin resultados, pero si no mal recurdo hay un tag que se incluye en el head que soluciona el problema pero no recuedo cual es.

Si alguien me pudiese ayudar con estos detalles por favor.

Este tema puede quedar abirto para futuras consultas sobre mi sitio en desarrollo.