Moving a div down

Question

I am working a website , but having the problem that I cant move the navigation bar down in the header. Really worried about it.

Here is the jsfiddle:

http://jsfiddle.net/2QLz4/

The target is to make it look like this in the header:

https://www.dropbox.com/s/m2ijroj58vey2rf/target.png

Answer 1

Update your css. Working Fiddle

ul#nav, ul#nav ul {
list-style: none;
margin:40px 20px 0px 0px;
}

Answer 2

There are sevel ways to do this but a simple way to do this is by using the code below:

ul#nav, ul#nav ul{
    list-style: outside none;
    margin: 40px 20px 0 0;
}

This should salve your question.

Answer 3

Nothing to worry about.

Add this:

ul#nav, ul#nav ul {
    list-style: none outside none;
    margin: 40px 20px 0 0;
}

See this demo: http://jsfiddle.net/2QLz4/1 /

Answer 4

Just Make change In header class in ul#nav.
Add margin: 50px 0px 0px 0px; in ul#nav class.

ul#nav, ul#nav .subs {
margin: 50px 0px 0px 0px;
}