[jQuery] Make width of inner div equal outer
Hi all,<div>
</div><div>I've got a problem with IE6 and I need to basically find the width of the "header" DIV and make the "secondLevel" DIV match it. So, I guess I need to target IE6 specifically in the code. Here's what I have:</div>
<div>
</div><div><div><div id="header"></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><ul id="topNavigation"></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><li><a href="/">Home</a></li></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span><li class="selected"></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><a href="/">About Us</a></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span><div class="secondLevel"></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><ul></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><li><a href="/">Overview</a></li></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span></ul></div><div><span class="Apple-tab-span" style="white-space:pre"> </span></div> <span class="Apple-tab-span" style="white-space:pre"> </span></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span></li></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><li><a href="/">Contact</a></li></div>
<div><span class="Apple-tab-span" style="white-space:pre"> </span></ul></div><div></div></div><div>
</div><div>I'm not sure how to start with the script. I can calculate the width of the "header" DIV, but not sure how to force the "secondLevel" one to match it.</div>
<div>
</div><div>alert($("#header").width());</div><div>
</div><div>Any help would be fantastic.</div><div>Cheers</div><div>Paul</div></div>