[Duda] La primera caja de productos no queda del mismo lago

Tengo un gran rato de estar buscando el error pero no lo encuentro, lo compare con el ejemplo pero nada segun mi ojo inexperto lo tengo "bien", pero la caja quede así:

Y este es el archivo productos.css:

header {
    background-color: #BBBBBB;
    padding: 20px 0;
}

.caja{
    width: 940px;
    position: relative;
    margin: 0 auto;
}       

nav{
    position: absolute;
    top:110px;
    right: 0;
}

nav li{
    display: inline;
    margin: 0 0 0 15px;
}

nav a{
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}

.productos{
    width: 940px;
    margin: 0 auto;
    padding: 50px;
}

.productos li{
    display: inline-block;
    text-align: center;
    width: 30%;
    vertical-align: top;
    margin: 0 1.5%;
    padding: 30px 20px;
    box-sizing: border-box;
    border-color: #000000;
    border-width: 2px;
    border-style: solid;
    background-color: #BBBBBB;
}

.productos h2{
    font-size: 30px;
    font-weight: bold;
}
.productos-descripcion{
    font-size: 18px;
}

.productos-precio{
   font-size: 25px;
   font-weight: bold;
   margin-top: 10px;
}