You really should start your own thread and not hijack someone else's. :o
<a href="#" class="logo"><img src="../images/fctimeslogo.gif" alt="FCTimes" width="161" height="46" border="0" ></a>
The DIV "#banner" contains the un-closed div "#banner2", but what you are describing sounds typical of IE6 a.k.a. 'the problem child'. It incorrectly expands to contain the contents (if any).
-Why would you want a 7-px tall 'div' anyway? "20px" is the thickness of a scrollbar and you can't even put text in something that small without some serious reductions of padding and margins. This actually sounds like a presentational element, not a content element (it is there for looks only)?.
Presentational you might better use the dic #banner with a 7-px border-bottom:
border-bottom:7px solid #A4300D;
and be doing exactly the same thing, -but with less markup. If you require more 'space' above and below this border-bottom, to #banner add: