triton

Помогите, пожалуйста, решить вот какую проблему: есть таблица <table id="subCont" width="1111px" border="0" cellpadding="0" cellspacing="0"> <tr> <td id="leftColl" rowspan="2" height="471px"></td> <td id="header"></td> </tr> <tr> <td id="innerCont" rowspan="2" valign="top"> <p>content</p> </td> </tr> <tr> <td valign="top" id="contSideLeft"></td> </tr> </table> к ней стиль table#subCont { border-collapse: collapse; empty-cells: show; table-layout: auto; } td#leftColl { max-height: 471px; height: 471px; width: 355px; background: url(1.png) no-repeat; overflow: hidden; } td#contSideLeft { height: auto; background: url(2.png) repeat-y; } td#header { background: url(3.png) no-repeat; width: 756px; height: 44px; } td#innerCont { padding: 10px 0; background: url(4.png) repeat-y; min-height: 527px; line-height: normal; font-size: 14px; } так вот в чем суть: в фаерфоксе ячейка #leftColl расползается по высоте вниз за счет ячейки #contSideLeft, фиксированную высоту последней нельзя указывать, так как она зависит от контента в #innerCont. Заранее спасибо!

оо! спасибо большое! чего-то делал через z-index, а про отрицательный отступ даже и не думал спасибо за помощь!

Помогите, пожалуйста, решить вот какую проблему: имеется два дива, нижний "залазит " на верхний, но при этом высота страницы должна уменьшаться на аналогичное колличество пикселов. <div id="backgrTop"></div> <div id="cont"> <img src="cont.png" /> </div> body { padding: 0; margin: 0; background: #0b1517 url(BottBack.png) bottom right no-repeat; } #backgrTop, #cont { position:relative; } #backgrTop { width: 407px; height: 245px; background: url(topBack.png) top left no-repeat; z-index:1; } #cont { top: -235px; margin: 0 auto; width: 1091px; height: 1000px; z-index:2; }