Resizing window trashes my css layout

[dan79]

I'm new to using CSS and I'm running into a problem with resizing my window. The header looks fine with I start with a browser of 700px or bigger in width, but when I shrink the window, everything from the right gets mashed over the left side stuff. I tried setting the min width for my header but it's not doing what I had hoped.

I have two images for my main header and a background black color. One image is aligned left, the other right. This works great when I size the screen bigger than normal (black appears between the two images and it looks fine). But I run into the above problem when sizing it smaller. The right image just overtakes the left one. I would rather have the left image nolonger resize smaller past 700 pixels. Can someone give me a lead?
Thanks!

Dan

[BReflection]

Try using percentages rather than fixed widths.

[rogerd]

Actually, it seems like fixed widths would prevent the smaller window from compressing the divs and jumbling the layout.