IE / Opera CSS & HTML Rendering Disparities 1

[gabecubbage]

Annoying page in question:

http://www.cubbage.org/stuff/test.html

Visiting the page in IE yields:

Visiting the page in Opera yields:

Finally, if I add the line "p {margin-bottom: 0px}" to the STYLE paramaters of the page, then there is no effect in IE. However, the Opera render becomes this:

It's that third view that matches what I actually want, and that's how I would expect it all to look. I've tried screwing around with a lot of things, but I just can't get IE and Opera to display the table cell spacing the same way.

How can I make this look like the third image in Internet Explorer?

Thanks in advance!

 

[Vragabond]

The heading element is the one causing you grief. if you add

h4 { margin: 0; }

to your css you should be ok. Also note that for the &quot;Some text in a box&quot; you are using incorrect syntax. Element <p> cannot be inside element <h4>. You can align text within <h4> element if you really need to. Hope it helps.

 

[gabecubbage]

Wow, that problem has been plaguing me for some time. And such a simple answer. Thanks so much!