tags:

views:

66

answers:

1
+1  A: 

in your css file you have this:

* {
    margin:0;
    padding:0;
}

which is a universal reset that removes padding and margin from everything. As I said on Doctype.com.

You will need to remove that, and use a more controllable reset, or set some default padding and margins for ul's and li's in general.

As every browser seems to have different defaults for ul's I tend to omit them from my reset and set nav ul's specifically.

here's the reset I use:

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
 }

which resets almost everything other than lists.

Boldfish
How I didn't spot that I don't know. Thanks.
Liam
Firebug it next time?
Itay Moav