Using CSS I am attempting my first tableless page layout and I am bumping up
against a problem I cannot figure out. I am posting this hoping that kind soul
out there will take a drive by and tell me what I'm doing wrong.

Testing with Firefox and IE6&7 for PC and Mac and Safari for the Mac all seem
to work. The HTML and CSS both validated.

I initially worked out some bugs and it was working well until I updated
Netscape to 8.1.2. My rollover that belongs on the farthest right is now pushed
out of position and appears below the masthead. Resulting in an additional
scroll bar under the masthead area and along the right side. My content appears
below this additional scroll bar.

You can see the page here: <http://www.voicedatacable.com/index2.html>
The css is here: <http://www.voicedatacable.com/stlyes/main.css>

To summarize, I have my div tags nested in this fashion:

<overall_page_container>
<masthead_container>
<masthead_row1 />
<masthead_row2_1 />(float: left)
<masthead_row2_2 />(float: left)
<masthead_row2_3 />(float: left)
<masthead_row2_4 />(float: left)
<masthead_row2_5 />(float: left)
</masthead_container >
<content_container />
<footer />
</overall_page_container >

I hope someone out there can tell me what I'm missing here. Thanks in advance.