IE line spaces are too wide Options

[Mozgus]

I'm hoping there is a way to make it so the following page will display roughly the same in both Firefox and IE:

http://stevemv.mightorindustries.net/history.html

In IE, there is a much thicker space between every line of text, as well as the dividers. This is also making it impossible to position the lone image near the bottom, to the right of the unordered list. If I use the exact padding, I can get the image vertically centered in Firefox, but it only makes it worse in IE.

I'm very new to XHTML and CSS. These little things are really frustrating me and making me wonder why I am even learning this. Because when I just gave the IMG the align="right" attribute before, it positioned fine, but apparently thats an illegal attribute now :-\

This post has been edited by Mozgus: Sep 19 2006, 01:09 PM

[Christian J]

I'm hoping there is a way to make it so the following page will display roughly the same in both Firefox and IE:

http://stevemv.mightorindustries.net/history.html

I think it does already. You can never expect identical rendering between different browsers.

In IE, there is a much thicker space between every line of text,

The line-height appears to be the same in IE6 and Firefox. Or do you mean the margin/padding on the P elements? These are not defined in http://stevemv.mightorindustries.net/web.css so maybe the browsers' default values create a difference.

as well as the dividers.

Again it's probably the unspecified P margin/padding. But I don't see the point in using <div class="divider"></div> between paragraphs in the first place, why not apply the CSS border on the P elements instead?

This is also making it impossible to position the lone image near the bottom, to the right of the unordered list. If I use the exact padding, I can get the image vertically centered in Firefox, but it only makes it worse in IE.

When an element is floated, other elements will flow around it beginning at the top. Furthermore the exact height of the list depends on the font-size, making vertical positioning unreliable. You might use the image as a background to the list, at least as long as the list is higher than the image.

I'm very new to XHTML and CSS. These little things are really frustrating me and making me wonder why I am even learning this.

CSS is useful, XHTML is not. My advice is to stick to HTML4/strict.

Because when I just gave the IMG the align="right" attribute before, it positioned fine, but apparently thats an illegal attribute now :-\

Can't see how the ALIGN atribute would make any difference. FWIW you can still use it with a transitional Doctype/HTML version.