Hey I was trying to make a template similar to one that i saw, but when I made it, the title would always be lower when viewed in mozilla, and did not fit with the template. Finally after looking at the code of the page, I found out that the style

*
{
margin: 0px;
padding: 0px;
}

fixed the whole problem. I'd like to understand what that does, I'm kind of lost.
Thanks

the * selector applies the style to all elements. Another example is:

#asd * {
margin: 0px;
padding: 0px;
}

it would apply to all the sub-elements in the element with a "asd" ID.

It is generally good to get in the habit of zeroing out all the margins and padding first. I don't use the * because I want to control what gets zeroed out and what doesn't. Six of 1, 1/2 dozen of the other I suppose.

I usually do it this way:

html, body, ul, ol, li, dl, p, h1, h2, h3, h4, h5, h6, form, formfield {
margin: 0;
padding: 0;
border: 0;
}

IE and Firefox will often have different defaults for margins and paddings which is why it can be good to zero both out. With ordered and unorder lists one uses the margin and the other the padding to create the default indentation. I forget which browser uses which, but setting both to 0 gets them aligned.

I don't usually zero out everything, mostly because I've learned over time which elements are the likely ones to cause a problem for me, but anytime I see the two browsers displaying elements at different spacing the first thing I do is explicitly set the margins and paddings.