IE7 is clipping my text. How do I adjust its attitude?

Question

A few days ago I re-skinned my website. Development of this skin was primarily done using safari, and as expected, it all renders fine using firefox and opera. I\'ve had to make

Answer 1

In most cases where IE6 or 7 clips off the bottom of text, just add:

line-height: normal;

to the CSS rules concerned. Should fix it nicely, but as you'll understand, it expands the box too.

Answer 2

Despite being unable to test it on my current machine: I would suspect that it's a hasLayout bug. The methods of dealing with it are listed in the "properties" section of that link.

Answer 3

for the .bigdate class, try replacing margin with padding; seems to me that this has something to do with IE's margin-handling.

Answer 4

Try adding

div.postmeta { height: 100px; }
div.postdate { height: 75px; }

Arbitrary height value... but you'd know the exact height you want. That should keep the text containers from clipping in IE7.