views:

73

answers:

1

I have a div A and another div B inside it. Using jquery i get data and insert into HTML() in div B, div A does not expand its length and div B overflows over the bottom.

Here is its CSS:

#A {
    position:absolute;
    top:30px;
    left:0;
    background-color: #FFFFFF;
    width:920px;
    display:block;
    padding: 0 0 30px 0;
    overflow:auto;
    text-align:left;
}

.B {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 425px;
}
A: 

Might be time to post a link to this one!

Failing more info, perhaps try height:auto; on #A, or remove overflow:auto.

Danjah
these do not work, i wish IE was not so different from all the other browsers
Wright-Geek
Do you have a DOM inspector in your browser? It may be worth checking to see if there's some residual styles being applied to #A? Perhaps it is inheriting, or perhaps .b in absolutely positioned - sounds a bit strange.
Danjah