Information about Internet Explorer and CSS issues

I found out this website when I was fixing IE and Iframe issues for a website.
This website contains lot of good and important information about different CSS issues you will face in Internet Explorer.

The article talks about following issues.

• Narrower page elements in IE
• Text spilling out of container in Non-IE browsers
• Disappearing background images
• Widths only working on IE
• Unstyled version of web page appearing in IE
• Fixed width webpage center alignment issue

Click Here

Firefox, Images and Myterious Gaps

Scenario:

• You are using tables


• You are using firefox


• You are using <img> element to inside table


• And firefox is setting extra white space below the image in table cell

Example:

This happens when you have Strict doc type declaration.

Quick Fix:
Apply style to that image. display: block
Ex: td img {
display: block;
}
or
.image {
display: block;
}

Reference: mozilla developer center

Check box and text alignment in Firefox.

I have a check box and a text next to it.
In Firefox, they are not aligned properly.
here is the screen shot






Solution
To fix this problem just apply CSS "vertical-align: middle" to input element.