Help a Noob: Line Spacing in Mozilla

[djs1979]

Hello,
First time "designer" here. I've mostly used CoffeeCup Vis Designer (a WYSIWYG prog for those unfamiliar with it), and dropped in some code by hand here and there.

My problem is with the text in the three boxes on the default page of my site:
www.stonestreetconsulting.net/

(I'm ignoring the other pages for now, since I haven't cleaned up some of the graphics on them yet.)

As you can see, the page looks fine in IE, but, of course, the line spacing is off in Firefox. However, I've tried putting code in two different places to keep the line height at 13px, to no avail.

My question is: Where should I paste the snippet of code to keep the line height at 13px? I've done so in the head and in the style code for each of the boxes.

If you know of a better way to make the text appear the same in IE and Firefox, I'm all ears.

THANKS.
-Mike

[drhowarddrfine]

The problem is IE. Yes, I know you said it works in IE but apparently you designed using the buggy browser and, therefore, wrote buggy markup. Never, ever use IE as a reference for what works. It is old, buggy and nine years behind web standards. Always, always use a modern browser, such as Firefox, Opera or Safari to initially test your markup.

1) Your doctype is incorrect. This has thrown IE into "quirks mode" and IE messes up the box model. See the article about doctypes under Articles above.

2) You have 136 HTML errors and at least one CSS error. Validating your markup is something you should do early and often.

Until those two items are corrected, it will be difficult/impossible to fix things.