Div que no se desplace al redimensionar la pantalla

[sinma]

Hola a tod@s,

En una página tengo dentro de un div ("content") tengo dos divs situados uno al lado del otro ("div1","div2"). Se muestran correctamente.

Pero si se redimensiona la pantalla, haciéndola más pequeña, el segundo div se desplaza y se sitúa debajo del primer div. Y lo que querría es que siga manteniendo su posición, aunque pueda llegar a no verse si la pantalla se hiciera más pequeña que el tamaña del "div1", y sin utilizar posiciones absolutas, puesto que están contenidos en un div padre ("content").

Espero haberme explicado...

Aquí muestro él código:

pagina.html

Código:

<div id="content">
   <div class="div1">
        contenido div1
   </div>
   <div class="div2">
        contenido div2
   </div>
</div>

estilos.css

Código:

#content{
clear:both;
  padding: 0px 40px 10px 200px;
  background-color: #fff;
  color: #333;
}

div.div1{
  float:left;
}

div.div2 {
  float:left;
  margin-left: 3em;
  margin-top: 6em;
}

Muchas gracias