[Uriel Juliatti]

Olá, boa tarde a todos.

Possuo um problema com um float..
Estou alinhando um conteúdo em uma div pai como se fossem colunas.

As primeiras são alinhadas com um float left e a ultima div é um float right.. no Mozilla deu certo, mas no IE... as divs em float left ficam todas desconfiguradas.

Confiram meu codigo:

CSS

CÓDIGO

body {
    background:url(../../images/fundo1.gif) repeat-x #FFFFFF;
    left, top, bottom, right: 0;
    text-align:center; /* Alinhando o texto; */
  
}

html, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}

#header{
    position:relative;
    margin:auto;
    padding:0;
    background:white;
    width: 988px;
    height: auto;
    display: table;
        }
#top_header{
    margin: 0 auto;
    width:auto;
    height:179px;
    background:#333;
    width:988px;
}

#left_mini_header{
width:auto;
height:auto;
float:left;
margin:0px;
}
#right_mini_header{
float:right;
}

#top_header_mini{
    background:url(../../images/fn_top_header2.jpg);
    width: 933px;
    height: 24px;
    margin:0px;
    float:left;
}
#inside_header{
    background:url(../../images/inside_header1.jpg) repeat-x;
    width:342px;
    height:155px;
    margin:0px;
    padding:0px;
    float:left;
    
}
#inside_header2{
    background:url(../../images/inside_header2.jpg) repeat-x;
    width:88px;
    height:155px;
    margin:0px;
    padding:0px;
    float:left;
    
}
#inside_header3{
    background:url(../../images/inside_header4.jpg);
    width:503px;
    height:155px;
    margin:0px;
    padding:0px;
    float:left;

}

no HTML:

CÓDIGO

<webuijsf:body id="body1" style="-rave-layout: grid">
                
                    <div id="header">

                            
                            <div id="left_mini_header">

                            <img src="../images/left_header.jpg" width="26" height="179"/>

                            </div> <!-- fim left -->


                            <div id="right_mini_header">

                            <img src="../images/right_header.jpg" width="29" height="179"/>

                            </div> <!-- fim right -->
                            

                            <div id="top_header_mini">
                                
                            </div> <!-- top header fim -->


                            <div id="inside_header">

                            </div> <!-- fim inside header -->


                            <div id="inside_header2">

                            </div> <!-- fim inside header 2 -->

                            
                            <div id="inside_header3">

                            </div> <!-- fim inside header3 -->            

                          

                    </div>

                    
                </webuijsf:body>

Como solucionar isso?

[Nine_Branco]

Uriel Juliatti,

Teria como vc colocar um link? Ou ao menos imagens de como está e como vc quer q fiquem?
Vc colocou os códigos, mas o html está sem conteúdo, então não dá pra ver o erro.
Substitui as imagens, mas tb não entendi o problema. Seria um certo desalinho?

Aline Branco