Blogr landing page (html and css only)

I did this months ago and have been using other learning resources until today. The drop down menus are out of place because I tried to use the css checkbox hack ( or trick or whatever you want to call it ), which creates a conflict between the h1 element within the nav. From memory I tried z-index values to no avail, the h1 still covered the drop downs.

i'm guessing "after's" get pushed behind and can't be positioned in front of actual elements but, if I'm wrong or If anyone has a better explanation, I'd be glad to hear it. Thanks.

EDIT: Turns out I've got more issues than the checkboxes, so I'll make another attempt soon.