Erro ao colocar imagem em div

Oie estou com um problema, eu to tentando desenvolver um carrocel para meu site só que estou mechendo na parte do css só que ocorre um erro ao inserir uma imagem ela fica a uns 2 a 3 cm da borda quando era pra ficar colado na borda não sei o que fazer.

esse é o codigo que fiz para o carrocel, mas ta dando esse erro
/ Carrocel /
.carrocel {width:100%; height:450px; background:#FF0004;}
.carrocel .img1 {width:43%; height:448px; border:#CBCBCB solid 2px; float:left; margin-left:2%; position:relative; overflow:hidden;}
.carrocel .img2 {width:53%; height:222px; border:#CBCBCB solid 2px; float:left}
.carrocel .img3 {width:53%; height:223px; border:#CBCBCB solid 2px; float:left}
.carrocel .img1 .slide_desc {background:#fff; opacity:0.6; bottom:0; left:0; position:absolute;}
.carrocel .img1 img{width:100%; height:448px; }
.clear {clear:both}