Problemas al posicionar elementos en ie8

[madman_18]

Buenas tardes a todos!

Sé que es un navegador muy anticuado, pero estoy haciendo una web que me piden que esté disponible y se vea bien en ie8 (: pena:)

Mi index (no es que sea una web, más bien es como una aplicación) tiene consta de lo siguiente :

Código HTML:

<div id="contenedor">
        <div>
            <div class="logo">
                <img src="imagenes/logotipo.png"/>
            </div>
           <article class="bloque-derecha">
                    <article class="mensaje-intro">
                         <p class="mensaje-bienvenido">&nbsp; <strong>Bienvenido</strong>
                         <div class="separator"></div>
                  <p>mensaje</p>
                    </article>
                    <div class="separator"></div>
                    <article class="bloque-sesion">
                        <div class="titulo-sesion">INICIO DE SESI&Oacute;N</div>
                        <?php
                        if (isset($_REQUEST["error"])){
                                switch($_REQUEST["error"]){
                                    case 1:
                                            echo "<div class='error'>El nombre de usuario y/o la contrase&ntilde;a no son v&aacute;lidos. Por favor, int&eacute;ntelo de nuevo</div>\n";        
                                    break;
                                    case 2:
                                            echo "<div class='error'>Su sesi&oacute;n ha expirado por pol&iacute;ticas de seguridad. Por favor, inicie sesi&oacute;n de nuevo.</div>\n";                
                                    break;
                                    default:
                                            echo "<div class='error'>Error</div>\n";
                                    break;
                                }
                        }
                        ?>
                        <form name="FORMULARIO" method="post" action="login.php" enctype="multipart/form-data">
                            
                        </form>
                    </article>
             </article>
            <div id="limpia"></div>
    </div>
            <footer id="copy-right">&copy; Mi dato</footer>
    </div>
 

En dicho index, tengo mi script que hace compatible html5 con versiones antiguas de los navegadores ;)

Y esto es mi CSS

Código CSS:

#contenedor{position:absolute;left:50%;top:50%;width:730px;height:auto;min-height:390px;margin-top: -250px;margin-left: -365px;border-radius:10px;z-index:10;background:url('imagenes/back_fondo.png') repeat;}
.logo{float:left;width:100%;height:auto;margin: 10px 0;max-width:284px;max-height:371px;/*position:relative;top:-55px;left:-40px;*/}
.logo img{width:100%;height:auto;max-width:284px;max-height:371px;}
.bloque-derecha{float:left;width:386px;height:auto;}
 

Sin embargo lo veo bien en todos los navegadores (los datos se presentan en 2 columnas) pero en explorer pasa 3 pueblos de verse bien...y no se por donde puede estar la metedura de pata.....