espacio blanco debajo de los divs html5 y css3

[steven8906]

Hola muchachos/as,

soy muy novato en esto del html5 y css3,
resulta que tengo dos imagenes dentro de un div, el problema esq estas dejan un espacio en blanco entre la parte de abajo del div y las imagenes, he buscando en la web y he visto muchas cosas pero no he encontrado la forma de que estas imagenes esten completamente alineadas con su contenedor div, el codigo es este muy simple

Código HTML:

 <div class="sector2">
      <div class="sector2-img">
        <a href="#"><img src="imagenes/pic01.jpg" alt="" /></a>
        <a href="#"><img src="imagenes/pic02.jpg" alt="" /></a>
      </div>
    </div> 

y el css3 es este:

Código HTML:

.sector2
{
  background: blue;
  width: 100%;
  margin: 7% 0;
}
.sector2 .sector2-img
{
  text-align: center;
  border: 1px solid;
}

me podrian ayudar porfa
pd: soy muy nuevo en esto estoy practicando