Есть такой код: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> </head> <body> <div style="position: absolute; left: 10%; top: 10%; width: 200px; height: 200px; border: #f00 1px solid;"> <div style="border: #000 1px solid; height: 25px;"></div> <table style="width: 100%; margin: 10px; border: #0f0 1px solid;"> <tr> <td style="height: 100px;"> 111 </td> </tr> </table> </div> </body> </html> Если его посмотреть в IE и Firefox'е, то будет видно, что ни там ни там код не отображается как надо. А надо сделать так: 1. Есть див (перетаскиваемый) у которого стоит position: absolute; и заданная ширина, которая будет меняться динамически. 2. Внутри этого дива есть заголовок со своим бекграундом, который должен быть 100% по ширине и не иметь отступов от краев перетаскиваемого дива. 3. Под дивом-заголовком должна располагаться таблица, тоже резиновая но с отступами по 10 пикселей с каждой стороны. Собственно, что я делаю не так? Пробовал взять таблицу еще в один контейнер и поставить padding: 10px; ему, но IE не хочет это корректно отображать. Кто сталкивался с такой проблемой или может знает решение помогите пожалуйста.
