Text not in box!

[Jon Lawrance]

I created a webpage and only just now checked it in IE7. I was horrified to find that for the past year the text in the 3 boxes at the bottom of the page where not aligned correctly, as they are when viewed in Firefox. Why is that?

www.accessdatabaserepair.com

Check in Firefox and then IE7.

Any simple fix?

Thanks,

Jon

[Erik J]

I think you have a typo in the reset of the IE browser default 30px left margin.

ul {
margin-top:0; /* typo? */
margin-left:0;
padding-left:15px;
}

[Jon Lawrance]

I've added margin-left:0; to the stylesheet and that has stopped the bullet text from being too far to the right. However, the titles (e.g. Typical Symptoms) are still too high in the boxes, with the box line going through the top of them.

Any idea on how to fix that?

[Erik J]

I've added margin-left:0; to the stylesheet and that has stopped the bullet text from being too far to the right. However, the titles (e.g. Typical Symptoms) are still too high in the boxes, with the box line going through the top of them.

Any idea on how to fix that?

I think I misled you a little as the case is you are using tables here.

By just reset the left margin I left the bottom to the default auto in IE. That combined with the zero top margin on the H2 leeds IE to misalign the table content adding bottom space. I should have suggested the common reset:

ul {
margin-top:0; /* typo? */
margin:0;
padding-left:15px;
}

[Jon Lawrance]

That did it nicely. Thank you!!