Small browser window problem

[Ben_Johnson]

Im sure someone has posted this before but I cant seem to find it.

So here is my problem:

I have two images. One is floating left and one is floating right. They are both inside of a div with width 85%. When I size my browser window down to the point where the images end up touching each other the right one goes under the left one. Is it possible to make the images stay where they are and just have a scroll bar instead of moving the right image under the left image?

Thanks for the help.

[isitreal]

No, it's not possible, although you can use some tweaks to make it happen if you want.

Place a div inside the div that contains the images, make it the minimum width you want that will keep the images from running under each other, set the lineheight and font-size for that spacer div at maybe 2px so it doesn't mess with the display. That div will create the impression of min-width functionality in IE. Sort of like how we used to use spacer gifs before CSS padding and margins.

Leave the container div at 85%, then when you resize the window, it will stop at the min width, but be warned, your display may collapse in other unpredictable ways.