Пожалуйста, объясните в чем разница (см. код) при отображении в FF, Chrome, Opera (в IE почему-то одинаково и как нужно.) <!DOCTYPE html> Код при котором все как нужно (содержимое div class="Ad" поверх TopBanner) <div id="TopBanner"><div class="Ad"></div> <a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a></div> если поменять местами <div id="TopBanner"><a href="#"><img src="/img/ban/topbanner.png" alt="Реклама" width="780" height="90" /></a> <div class="Ad"></div></div> то div class="Ad показывается ниже изображения со ссылкой CSS a img { border-style: none; } #TopBanner { border: 1px solid #0066cc; height: 90px; width: 780px; left: 10px; top: 10px; position: relative; } .Ad{ background: url(/img/Ad.png) no-repeat; position: absolute; height: 14px; width: 45px; right: 0px; border-style: none; }