<!DOCTYPE html>
<meta charset="utf-8" />
<title>display: none on parent takes presedence over visibility: visible on child node</title>

<style>
  #parent { display: none }
  #child { visibility: visible }
</style>

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