Annoying Tables

[welsh_whisper]

Anyone got a quick fix for this problem?

I have a header which contains two tables - one above the other and flush. The upper-most table contains the company logo, left-aligned in the first cell followed by an array of pictorial links, right-aligned in the second cell.
The second table contains a nav system, left-aligned in the first cell, followed by a graphic, right-aligned in the second cell which extends the shape of the upper-most table. Pause - take a breath.
The problem is this: The two tables are scaled to be 100% in width so they fill the screen together, until the browser window is resized so that the pic-links on the upper table don't fit anymore. At this point, a horizontal scroll-bar is provided to see all the pic-links, but the table below it is still the width of the browser window.

<table width=100%><tr>
<td> <img [LOGO] </td>
<td> <img [PIC-LINKS] </td>
</tr></table>
<table width=100%><tr>
<td> [NAV SYSTEM] </td>
<td> <img [SHAPE] </td>
</tr></table>

I reckon the solution would lie in changing the width value of the second table to somehow be dynamic...?

[mushroom]

Try nesting

<table width=100%><tr>
<td>
<table width=100%><tr>
<td> <img [LOGO] </td>
<td> <img [PIC-LINKS] </td>
</tr></table>
</td></tr><tr><td>
<table width=100%><tr>
<td> [NAV SYSTEM] </td>
<td> <img [SHAPE] </td>
</tr></table>
</td>
</tr></table>

[welsh_whisper]

That's so simple.. so obvious.. so brilliant! Thank you very much.