Problemas com DIV

[renanbrito29]

Boa noite a todos,

Estou montando um site usando html e css

Dei de frente com o seguinte problema:

Tenho uma DIV pai que dentro dela fica o menu a esquerda e o conteudo a direita.

Confira a imagem:

Quando passo o mouse sobre os botões Informaçoes e Produtos na DIV-MENU o meu jquery expande o menu aumentando automaticamente o tamanho da DIV pai por causa da propriedade do css height: auto

Confira a imagem:

Quando a minha DIV-conteudo fica grande com bastante noticia, a DIV-pai, não expande o tamanho como acontece na DIV-menu

Confira a imagem:

Codigo css das divs:

DIV-PAI

div.main{
    border: 2px solid;
    border-color: white;
    margin-left: 100px;
    margin-right: 100px;
    background-color: white;
    width: 1150px;
    height: auto;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px; 
    border-radius: 60px; 
}

DIV-MENU

.menu{
    border: 2px;
    border-color: orange;
    width: 185px;
    margin-top: 20px;
    background-color: white;
    height: auto;
}

DIV-CONTEUDO

.noticias1{
    border: 2px;
    border-color: orange;
    width: 400px;
    margin-top: 20px;
    background-color: white;
    position: absolute;
    left:340px;
    top:190px;
    float: none;
    height: auto;
}

É isso galera, já tentei muitas coisas e estou empacado nesse projeto,

alguém pode dar uma força

agradecido,

Renan

Editado Agosto 15, 2012 por renanbrito29

[lipemesquita]

Olá, Renan!

Vejo que na div .noticias1 você está usando a propriedade position:absolute

Quando você coloca isso, ela não interfere na altura ou largura da div pai... Ou seja, a div .main vai ignorar a div .noticias1 e vai ficar com a altura da div menu!

Eu sujiro que você deixe a div .noticias1 com float: left e ajustar a posição dela com margens. Assim a div pai vai identificar o tamanho dela e se ajustar automaticamente!

Espero que tenha ajudado..