bredde ud over browserkant

Hvis jeg nu har følgende i toppen af min side:

venstrebillede | midterbillede | højrebillede

og de tilsammen fylder MERE end browservinduets bredde, så vil højrebilledet, når jeg formindsker vinduet bliver på sin plads, til højre for midterbilledet, og det der er for stort til vinduet forsvinder ud til højre.

I venstre side sker der imidlertid det, at midterbilledet bliver skubbet ind over venstrebilledet. Jeg kunne godt tænke mig at venstrebillede opfører sig ala højrebilledet. Dvs, at det bliver pænt til venstre for midterbilledet, og det der er for meget af i venstre side så forsvinde ud af browserens venstre kant...

Er det spørgsmål mon til at finde rundt i... og hvordan gør jeg?

Poster lige min kode her:
<style>
#top_v{background-image:url(image/top_v.jpg);
    background-repeat: no-repeat;
}
#top_h{background-image:url(image/top_h.jpg);
    background-repeat: no-repeat;
}
</style>

<table style="width:100%; height:100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="height:100%;" align="right" valign="top"><div id="top_v">&nbsp;</div></td>
<td style="width:850px; height:100%;" valign="top"><img src="image/top_m_1.jpg"></td>
<td style="height:100%;" align="left" valign="top"><div id="top_h">&nbsp;</div></td>
</tr>
</table>