HTML 5 Section/Problème de marge à côté

Question

Je suis en train d'arracher mes cheveux sur celui-ci. J'ai déjà mis une feuille de style de réinitialisation qui j'espérais gérer tout et mettre toutes les marges et paddings à 0 (redondant, je sais), mais si vous regardez le result de ce Fiddle, mon tag section ne sera pas touchez le côté de ma balise aside même si les navigateurs indiquent tous qu'il n'y a pas de marge ou de paddings.

Fait intéressant, cela fonctionne dans IE 7, tous les autres navigateurs échouent lamentablement. =/

Answer 1

Ils ne touchent pas parce que vous avez défini aside et section être inline-block éléments:

nav, section, aside { 
    display: inline-block; 
} 

Avec inline-block éléments, des espaces dans le code HTML devient significatif.

Une solution consiste à supprimer l'espace entre votre aside et section:

http://jsfiddle.net/BzCsj/2/

<aside id="sidebar">asd 
</aside><section id="main">test 
</section> 

Une autre solution est de passer display: inline-block-float: left. J'ai fait ceci ici avec le CSS en ligne pour la simplicité: http://jsfiddle.net/BzCsj/4/