Problemas con los div

[paraotrami]

Hola tengo creada esta estructura de divs,

Código HTML:

<div id="contnot">
    <div id="notimg">
             Imagen Izda
     </div>
     <div id="not">
          texto                            
     </div>
 </div>
 

Lo que pasa es que al visualizarlo, no se encaja correctamente, me queda algo parecido a esto


..........................................
..................
ImagenIzda texto


Como puedo hacer para que se encaje correctamente

La estructura css es

Código CSS:

#contnot{
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-color: #F00;
    border-bottom-color: #F00;
        height: auto;
}
#notimg{
    float: left;
    width: 15%;
    margin-right: 5px;
    height: auto;
    vertical-align: top;
}
#not{
    float: right;
    width: 80%;
    height: auto;
    vertical-align: top;
}
 

Gracias y perdon por las molestias