Podría ser así
.menu{
max-width:100%;
padding:0 2%;
}
esto lo hace transparente y cumple la función de borde el primer valor del padding 0 es para el padding superior e inferior y el segundo para los lados
Miralo en Pantalla grande
*{
border:0;
padding:0;
margin:0;
}
<div style="background-color:#f2f2f2;max-width:100%;height:200px; padding:0 2%;">con padding con padding con padding con padding con padding con padding con padding</div>
<div style="background-color:#f2f2f2;max-width:100%;height:200px;">Sin padding</div>