Aside responsive design

Salur, me revoila avec mes <aside> cette fois ci pour la version mobile.
Voila, sur la version desktop j'ai deux aside un de chaque cote de la page, a droite il contient 3 <aticle> et a gauche 1 seul dans la version mobile, si la largeur de l'ecran est inferieur a tant de px je voudrais avoir deux lignes de deux <article> voila donc le code que j'ai taper dans mon bloc de media query:

            aside{
                position: relative;
                display: inline-block;
                width:90%;
                height: auto;
                margin-left: 5%;
                margin-right: 5%;
            }
                aside article{
                    display: inline-block;
                    width: 44%;
                    margin-left: 2%;
                    margin-right: 2%;
                }

Le resultat obtenu est bon a un detail pres, c'est que entre les deux aside j'ai un retour a la ligne malgre le

display: inline-block;

et je me retrouve donc avec 3 lignes de 2-1-1 <article> au lieu de deux lignes de 2-2.
Si quelqu'un pouvez m'eclairez ?
Modifié par TeddyBeers (11 Feb 2014 - 14:47)