min-width as a replacement for width when floating divs

[latashass]

I have a wapper div with fluid width. Inside is a div1 with fixed width 300px. Under there is another imagewrapper div with multiple images inside 100 x 100px - exact numbers of pictures may vary. Div1 is floated left, imagewrapper is floated right. I set imagewrapper width to min-width:300px and I need it to sit under div1 and take all width until there is enough room (according to browser size) - 300px (that is why I set min-width)beside div1 so imagewrapper can move up. Is that possible to accomplish? Thank youhtml\[code\]<div class="wrapper"><div class="block1"></div><div class="block2"> <img src="http://www.petstore.sk/Images/products/tb_Kong-GIRAFFE-Small.jpg"> <img src="http://www.petstore.sk/Images/products/tb_Kong-GIRAFFE-Small.jpg"> <img src="http://www.petstore.sk/Images/products/tb_Kong-GIRAFFE-Small.jpg"> <img src="http://www.petstore.sk/Images/products/tb_Kong-GIRAFFE-Small.jpg"> <img src="http://www.petstore.sk/Images/products/tb_Kong-GIRAFFE-Small.jpg"> </div></div></div>\[/code\]my css\[code\].wrapper {border:black solid;width:100%;height:1000px}.block1 {width:400px;height:300px;float:right;border:solid red;}.block2 {min-width:300px;height:300px;float:left;border:solid green;}img { width:100px; height:100px;border:yellow solid;}\[/code\]jsfiddle http://jsfiddle.net/FLwUA/6/