rodzic i dziecko z ustaloną pozycją, nadmiar rodzica: ukryty błąd

Nie wiem, czy jest jakiś problem, ale zastanawiałem się, dlaczegooverflow:hidden nie działafixed element rodzic / dzieci.

Oto przykład:

CSS i HTML:

.parent{
  position:fixed;
  overflow:hidden;
  width:300px;
  height:300px;
  background:#555;
}
.children{
  position:fixed;
  top:200px;
  left:200px;
  width:150px;
  height:150px;
  background:#333;
}
<div class="parent">
  <div class="children">
  </div>
</div>

Demo na żywo:jsFiddle

questionAnswers(7)

yourAnswerToTheQuestion