Es hora de comenzar a escribir tu CSS
Al comienzo, otórgale a cada div un "border". Por ejemplo, div {border: 1px dotted gray; padding: .5em} Esto contribuirá a que puedas ver donde empieza y termina cada división y, además, a descubrir si tiene algún anidamiento.
Escribe primero tu CSS para los selectores de elemento (<html>, <body>, <p>, <h1>, <h2>, <ul>, <li>, etc.).
Utiliza tantos selectores contextuales o de descendientes como sea posible. Esto contribuirá a que tu marcado se vea mucho más definido. Por ejemplo, #subnav li {border: 1px solid black; padding: .5em; display: inline} solamente afectará los ítems de lista que tienen lugar dentro de tu div de subnav.
Pon a prueba tantos exploradores como puedas y haz que tus amigos pongan a prueba los suyos.
