I am working on a page that shows up the way I would like ( at least for now) in Explorer but does not look the same in Firefox. Some of the differences are...
* the green border box on the bottom is not on the bottom in Firefox
* the green border box in not as wide as in Explorer
* in the side navigation bar, the 'contact' link is below the background image in Firefox but not in Explorer

I can not figure out why it is happening. The page can be found at...
www.paperandclay.com/samplegallery-2011-1.html

Thanks for your help
pk

Always trust FF to display exactly what and how the page is coded before looking at it in IE.

Validate your code and correct the errors and your problems may disappear.
http://validator.w3.org
http://jigsaw.w3.org/css-validator/

The various browsers have various default margins, paddings... you name it. It is always wise to have some 'resetting' of the page at the beginning of the css file. The simplest one is


What this does is removing all defaults from margins and paddings, so that you have to add your own preferences.

And of course the validation of css and html is imporant, as Tom says. A whole lot of weird appearance of a web page may get sorted by just having correct markup.

Inger,
Your reset is not recommended as it can introduce some strange things.
Here is a better reset CSS file:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

Mike....

I was half-way aware of that, Mike, that's why I wrote that pk had to make the desired margins etc him/herself. And I didn't have a proper reset file at hand... Bad excuse, but...

The margins were off, I believe, because of an error in the doc type declaration.

Mike, what strange results does using the universal selector to set margins to 0px? I have seen templates built in this manner and haven't seen anything weird happen, except you have explicitly set margins for everything after that point.

Sorry about that. I had validated the page after the first thread and it passed. It still didn't work so I tried to fix it. Forgot to validate it again before this thread. My apologies. I just validated the page and it passed. However, there is still the alignment problem that I can not figure out so your help would be greatly appreciated.

Thanks
pk

http://www.paperandclay.com/samplegallery-2011-1.html