Template's column heights change in different browsers

[Vez]

Why does this template display the text in columns 1 & 2 slightly
higher in IE7 than in Firefox 2.0.0.9?:

http://www.freecsstemplates.org/preview/saltpepper

-Thanks

[dorayme]

In article
<11**********************@s15g2000prm.googlegroups .com>,
Vez <[e-mail]:

Why does this template display the text in columns 1 & 2 slightly
higher in IE7 than in Firefox 2.0.0.9?:

http://www.freecsstemplates.org/preview/saltpepper

-Thanks

Perhaps because the default css sheet that IE 7 uses is
different?

Anyway, take the main frame as a separate url and take a look:
notice that in the css there is
h2 {
font-size: 1.6em;
}

h3 {
margin: 0;
font-size: 1em;
}

The h2 margin is not set and might be inheriting or set in the
default sheet. Try zeroing the margin and padding for this and
then seeing in IE and FF.

--
dorayme

[Vez]

On Nov 8, 7:49 pm, dorayme <[e-mail]:

In article
<[e-mail] .com>,

Vez <[e-mail]:

Why does this template display the text in columns 1 & 2 slightly
higher in IE7 than in Firefox 2.0.0.9?:

http://www.freecsstemplates.org/preview/saltpepper

-Thanks

Perhaps because the default css sheet that IE 7 uses is
different?

Anyway, take the main frame as a separate url and take a look:
notice that in the css there is

h2 {
font-size: 1.6em;

}

h3 {
margin: 0;
font-size: 1em;

}

The h2 margin is not set and might be inheriting or set in the
default sheet. Try zeroing the margin and padding for this and
then seeing in IE and FF.

--
dorayme

That was it! Zeroing the margin fixed it.

Thanks :)