Template's column heights change in different browsers

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

In article
<1194576276.157155.306780 (AT) s15g2000prm (DOT) googlegroups.com>,
Vez <tw (AT) emailaccount (DOT) com> wrote:

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

On Nov 8, 7:49 pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

In article
1194576276.157155.306... (AT) s15g2000prm (DOT) googlegroups.com>,

Vez <t... (AT) emailaccount (DOT) com> wrote:
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