Question

When I add the unordered list in the header for the navigation, it pops the header down and knocks out the text that is floated right. If I remove it, all is well. Any ideas? I have been racking my head on this one… perhaps more sleep.

http://jsfiddle.net/YVmTB/2/

Also Ideally I would like the navigation to be horizontal… but i’m not quite there yet.

Answer 1

Maybe you’re looking for something like this?

http://jsfiddle.net/YVmTB/10/

added the 2 extra stylings to the end of the css

nav {
    float: left;   
}

nav li {
    float: left;
    margin-right: 15px;
}