Why Ul upper white space

Question

When I put unordered list

then why top bar goes down ?? I cannot find the reason behind this.Please tell me how to fix this problem ?

http://jsfiddle.net/fL

Answer 1

use this for removing padding and margin which is given by browsers

*{
    margin:0;
    padding:0;
}

you will get more information on reset css here

here are the list of css styles used to reset

http://www.cssreset.com/

Answer 2

The ul element has margin-top by default from browser. To remove that, add the style

ul {
    margin-top: 0;
}