Está na hora de escrever sua CSS

Para começar, dê para cada tag div uma borda. Por exemplo, div {border: 1px dotted gray; padding: .5em} Isto irá te ajudar a ver onde a div começa e termina, e também se tem ou não uma div dentro de outra.

Escreva seu CSS para elementos de seleção (selectors) primeiro (<html>, <body>, <p>, <h1>, <h2>, <ul>, <li>, etc.)

Use seletores contextuais ou descendentes sempre que possível. Assim você manterá sua marcação mais limpa. Por exemplo, #subnav li {border: 1px solid black; padding: .5em; display: inline} irá afetar somente a lista de itens que está dentro da subnav div.

Teste no máximo de browsers que você puder, e peça aos seus amigos que testem em seus browsers.