html structure before css styling time
finished the tutorial, about to re-implement it on my own from scratch
deleted everything, reimplement time
don't know why they wont absolutely show underneath. eg, hover over tutorials, it appears on the right 200px away
it was a position:absolute that mixed it up. why hmmm
nav ul li A.  a must be display:block. otherwise if nav ul li is block, it messes with flow. but its ok for a
this causes padding to mess up flow because it can apply to any combo. it applies to nested nav ul li's too
this one has nav > ul > li, only direct descendants. therefore the nested one wont just pop out with huge padding
correct nesting and positioning overall
still some position:absolute problems, find and fix