creativemonarchy, i had the same problem. Damn top right corner, and i found the solution! It shows that when you are looking for the way out, you always find it.. i’m absolutely loser on this CSS stuff, but stefos idea helped me a lot. I’d say he missed one mistake..
use this code instead:
/* =header */
#header {margin:50px 0;text-transform:normal;width:600px;clear:none;float:left;}
#header a:hover{text-decoration:none;color:#888;}
#header h1 a{font-size:1.8em;font-weight:100;letter-spacing:-0.05em;position:relative;}
#header h1 a{font-weight:100;letter-spacing:-0.05em;position:relative;}
#header #blog-description {color:#888;}
#access {display:table;height:40px;vertical-align:left;width:600px;float:left;}
#access #menu {vertical-align:middle;display:table-cell;font-size:1em;}
#access #menu ul {vertical-align:middle;display:block}
#access #menu ul li ul {margin-left:10px;}
#access #menu a{font-weight:800;}
Thanks, stefo!
