Con respecto a los Position de IE

[Jona_than]

Estimados,

He estado desarrollando un sitio, y tengo el siguiente problema, hay una cosa que no me esta funcionando como debería ser el Internet Explorer 8, y lamentablemente he intentando de varias formas, tiene que ver netamente con el CSS.

El correcto funcionamiento es el sigu¡ente, lo cual funciona en Chrome y Mozilla Firefox, pero no sucede lo mismo en IE 8.

Chrome y Mozilla Firefox


IE8


CSS de Chrome y Mozilla Firefox

Código CSS:

td {
    width: 66px;
    height: 27px;
    text-align: center;
    color: #5b98a9;
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        background: #227d93;
        padding: 0;
 
}
td.date_has_event {
        color: #FFF;
    font-weight: bold;
    cursor: pointer;
    width: 66px;
    height: 23px;
        /*float: left;*/
        padding: 4px 0 0 0;
}
.events {
    position: relative;
        float: none;
        margin: 0 0 0 0;
    top: -35px;
    left: 65px;
}
.events ul {
    text-align: left;
    position: absolute;
    display: none;
    z-index: 1000;
    font-size: 15px;
    width: 250px;
    list-style: none;
    color: #7cb0bf;
}
 

CSS en IE8

Código CSS:

td {
    width: 66px;
    height: 27px;
    text-align: center;
    color: #5b98a9;
        border-left: 1px solid #FFF;
        border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        background: #227d93;
        padding: 0;
 
}
.events {
    position: static;
        float: left;
        margin: 0 0 0 0;
    top: -35px;
    left: 65px;     
}
.events ul {
    text-align: left;
    position: relative;
        float: left;
    display: none;
    z-index: 1000;
    font-size: 15px;
    width: 250px;
    list-style: none;
    color: #7cb0bf;
}
td.date_has_event {
        color: #FFF;
    font-weight: bold;
    cursor: pointer;
    width: 66px;
    height: 23px;
        padding: 4px 0 0 0;
}
 

Espero, que me puedan ayudar.

Saludos.

[kseso?]

Posiblemente tenga que ver con las posiciones y display declarados, tanto en las celdas como en el desplegable.

Al menos a mi, se me hace difícil dar una respuesta concreta (selector, propiedad, valor) sin un enlace para reproducir el funcionamiento anómalo.

También debería aplicar a su tabla /table-layout: fixed/ para evitar que se redimensionen las celdas pese a tener marcada anchura.

Pero todo son suposiciones

Atentamente