Getting width of a child div with width 100% gives windows width
<p>HTML:</p>

<pre><code>&lt;div id="parent"&gt;
    &lt;div id="child"&gt;
        &lt;div id="child1"&gt;&lt;/div&gt; &lt;!-- UPDATE --&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>CSS:</p>

<pre><code>#parent{
    float:left;
    width:90%;
}

/* UPDATE*/ #parent #child{
    float:left;
    width:100%;
}

/* UPDATE*/
/* In a different file*/
#child1{
    float:left;
    width:100%;
}
</code></pre>

<p>jQuery:</p>

<p>Say the width of the window is 1000px. So the width of #parent should be 900px. If I try to get the width of the #child1 it should also be 900px. But the below jQuery code returns 1000px.</p>

<pre><code>jQuery("#child").width(); //UPDATE: returns 900px as width
jQuery("#child1").width(); //UPDATE: returns 1000px as width
</code></pre>

<p>I need 900px as result of the above statement.  </p>
