Problema de Diseño

[jmb0286]

Siguiendo en esta dirección: http://camaradellibro.net78.net.

Código CSS:

<!--Inicio: CSS y JS: Estilos para Contenedor-->
    <style type="text/css">         
        /* Inicio: Estilos para colright*/
        #ctotxl{ /* Id="ctotxl" = Contenido Textual */
            border: 1px solid #00664C;
            background-color: #F7F7F7;
            height: 165px;
            margin: 20px 20px 0px 20px;
            }
        #ctotxl:hover{
            background-color: #FFFFFF;
            }       
        #ctotxl img{            
            float: left;
            height: 120px;
            margin: 20px;       
            width: 120px;
            }
        #ctotxl h3{
            font-family: Arial, Tahoma, Sans-serif;
            font-size: 20px;
            margin: 20px 20px 0px 0px;
            }   
        #ctotxl p{
            border: 1px solid #00664C;
            font-family: Arial, Tahoma, Sans-serif;
            font-size: 12px;
            height: auto;
            margin: 20px 20px 0px 0px;
            width: 450px;
            }
        #ctotxl p.mas{
            float: right;
            font: 11px #73DCFF Arial;           
            margin: 11.5px 20px;
            width: auto;
            }
        #ctotxl p.mas:hover{
            color: #D8DFEA;
            cursor: pointer;
            }
    </style>
    <!--Fin: CSS y JS: Estilos para Contenedor-->
 

Pueden decir porque el div id="ctotxl", cuando aplico margin:"20px" no se aplica en el borde derecho.