Как показать скрытый div внутри родительского div'a, при наведении мыши на родительский? - Вопросы по CSS

Никак не разберусь как в CSS сделать, или может как-то при помощи onmouseout?
Помогите плз

onMouseOver если использовать JS

без JS не обойтись

а так не пробовали?

а так не пробовали?

Код: html4strict

<div id="parent">
     <div id="child"></div>
</div>

Код: css

#parent {
width:400px;
height:200px;
background:#000;
}
#child {
width:200px;
height:200px;
margin:0auto;
background:#fff;
display:none;
}
#parent:hover #child {
display:block;
}

Спасибо, я так пробовал но видимо где-то ошибся, child был присвоен class а не id
С display не получилось, а вот visibility:hidden/visible работает в ff 3.6.10, opera 10.62 и ie8, в других не тестил, читал что ie до 8 версии и Mozilla 1.7 поддерживают частично
Применил здесь aquabailer.ru/kuleryi-bez-shkafchika.html

не знаю на счет классов, не пробовал, про мозиллу версии 1.7 забудь
а вот за ссылки скрытые при помощи visibility:hidden поисковики могут влепить банхаммер

а если в <noindex> ?

это уже к спецам

Ладно, спасибо за предупреждение=) так бы и оставил если бы не вы