Get empty space in container
<p>How to get an empty (in example white) area in a container with Javascript?
Is there a ready jQuery function or something equal?</p>

<p><img src="http://i.stack.imgur.com/7uFo9.png" alt="screen"></p>

<p>I need the width, height, left and top position of the 'empty' white area in Javascript.</p>

<p><strong><a href="http://jsfiddle.net/P4QHj/" rel="nofollow">http://jsfiddle.net/P4QHj/</a></strong></p>

<p>HTML </p>

<pre><code>&lt;div id="container"&gt;
  &lt;div class="box-item a"&gt;A&lt;/div&gt;
  &lt;div class="box-item d"&gt;D&lt;/div&gt;
  &lt;div class="box-item e"&gt;E&lt;/div&gt;
  &lt;div class="box-item f"&gt;F&lt;/div&gt;
&lt;/div&gt;​
</code></pre>

<p>CSS</p>

<pre><code>.box-item {
 width: 100px;
 height: 100px;
 background-color: grey;
 display:block;
 position:absolute;
}

#container {
 position:relative;
 width:300px;
 height:300px;
 min-width:300px;
 max-width:300px;
}

.a {
 position:relative;
 left:100px;
 width:200px;
 height:200px;
}

.d {
 left:0px;
 top: 200px;    
}
.e {
 left:100px;
 top: 200px;    
}
.f {
 left:200px;
 top: 200px;    
}
</code></pre>

<p>​</p>

<p>TIA
frgtv10</p>
