Как остановить родительский div от растяжения в IE7

Question

<style type="text/css"> 

    .parent 
    { 
     width   : 200px; 
     height   : 50px; 
     background-color : #FFFFCC; 
     overflow   : visible; 
    } 

    .child 
    { 
     width   : 255px; 
     height   : 30px; 
     background-color : #CCCCFF; 
    } 

</style> 

<div class="parent"> 
    <div class="child">Child Content</div> 
</div> 

Он отлично работает в firefox, но в IE7 родительский div растягивается с дочерним div. В любом случае, чтобы остановить IE7 от растягивания родительского div? Для некоторых конструктивных ограничений divs нельзя расположить. Я пытался найти его в Интернете, но не нашел никакого решения! Спасибо заранее за ваше время!

Я не могу загружать изображения здесь. Вы можете проверить, что это выглядит, перейдя по следующей ссылке http://img27.imageshack.us/img27/5876/firefoxjn.png

Answer 1

Просто добавив <!DOCTYPE> в начале HTML, проблема была решена.

Internet Explorer, по-видимому, по умолчанию использует режим «quirks», если DOCTYPE не объявлен!

Для дополнительной проверки информации, CSS quirks mode

Answer 2

попробовать дать ребенку следующий стиль:

.child 
    { 
     width   : 255px; 
     position   : relative; 
     height   : 30px; 
     background-color : #CCCCFF; 
    } 

Answer 3

Вы можете захотеть изменить overflow:visible; к overflow:hidden; на вашем родительском контейнере. Не совсем уверен, что это то, что вы хотите.