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

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    *{
    border:0;
    padding:0;
    margin:0;
    }

<!-- language: lang-html -->

    <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>

<!-- end snippet -->