Люди добрые, помогите разобраться. Я хочу один блок рассположить над другим что бы второй полностью закрывал первый, а родитель растягивался или сжимался автоматом в зависимости от того виден в данный момент второй или нет. У меня есть решение, через float и margin, которое работает в Firefox: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <div style="float:right;margin:0px;padding:0px;width:auto !important;position: relative !important;border:1px solid black;background-color:#f9f9f9"> <div style="display:block;float:left;width:100%"> Оглавление №1</div> <!-- hack for firefox and chrome --><div style="display:block;width:0px;margin-left:-100%;"></div> <div style="display:block;background-color:#f9f9f9;float:left;width:100%;margin-left:-100%;position:relative;top:0px;left:0px;"> Оглавление №2</div> </body> </html> (всё лишнее обрезано, все стили и скрипты из текста удалены) Пример ещё работает в Chrome, но вот в Opera и IE родительский блок распирает по горизонтале сверх меры, в два раза. Когда это одно слово, это выглядит ещё ничего, а когда нормальное оглавление вставляешь, то и места на странице не остаётся, и что с этим делать непонятно.
