Време е да започнете да пишете CSS
Като начало, поставете рамка (border) на всеки div. Примерен CSS: div {border: 1px dotted gray; padding: .5em}. Това ще ви помогне на видите къде започва и свършва всеки от тях, както и дали има вложени div.
Пишете първо CSS за селекторите за основните HTML тагове (<html>, <body>, <p>, <h1>, <h2>, <ul>, <li>, etc.)
Използвайте контекстуални или descendant селектори възможно най-често. Това ще направи кодът ви по-чист и четим. Например, #subnav li {border: 1px solid black; padding: .5em; display: inline} ще се отрази само на елементите от листа, които се намират в помощната навигация.
Тествайте лейаута във възможно най-много браузъри и помолете вашите приятели също да го тестват в техните!
