css - Show Child Div within Hidden Parent Div

Question

How can I show a Child Div while keeping its Parent Div hidden? Can this be done?

My Code is below:

<style>
  .Main-Div{
   display:none;
}
</style>

<div class="Main-Div">
    This is some Text..
    This is some Text..
    <div class="Inner-Div'>
        <a href="#"><img src="/image/pic.jpg"></a>
    </div>
    This is some Text..
    This is some Text..
</div>

Answer 1

Set the parent class's visibility to hidden or collapse. Set the child to visible. Something like this:

.parent>.child
{
    visibility: visible;
}

.parent
{
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

Full example: http://jsfiddle.net/pread13/h955D/153/

Edited with help from @n1kkou