Background problems on IE6

Sometimes IE6 would not render background specified in CSS. Try adding position:relative to the element.

#MyIe6Div {
background-color: red;
position: relative;
}

Mobile Browsers

Opera Mini
http://www.operamini.com/

Pocket Web
http://www.tlogic.de/home/products.php?p=pocketweb

Minuet
http://www.triprince.com/

Ucweb
http://ucweb.com/English/

CoolBrowser
http://www.kycb-kycb.narod.ru/

Remove checkbox padding/space in IE

By default IE6 and IE7 add some space (few pixels) around the checkbox. I tried adding overflow: hidden; padding: 0px; margin: 0px; float: left; and even more - nothing helped. Only defining its height would work.

In order to remove that space try adding height and width styles

<input style="height: 1em; width: 1em;" type="checkbox">

This should work ok on IE6, IE7, Safari, FF

IE6 and IE7 together on one PC

Website designers sometimes need to make sure design is OK on both IE7 and IE7. It is possible to have both IE6 and IE7 on one PC if you have one of them setup on virtual machine (either VMWare or virtual machine from Microsoft). Unfortunately, virtual machine is slow and needs a lot of additional tuning/actions.

Instead of virtual machine you could download Multiple IE pack, which allows to install IE3 to IE6 on your PC. More info here http://tredosoft.com/Multiple_IE.

I had IE7 installed on PC, and installed IE6 from above pack. Everything works just nice.

Note: about box on IE shows IE7 on my PC, but it would render page using IE6 rendering engine, so no worries.

CSS Hacks for IE6, IE7, Firefox, Opera, Safari

CSS hacks, IE6 PNG transparency. Explanation in Russian with examples.

http://css-framework.ru/wiki/documentation/css-hack

These are for older browsers

http://www.stylegala.com/resources/css_hacks.htm

Centering problem in Interner Explorer

IE7 seems to be having problems centering text in the column if column width is defined in CSS.

Lets say following CSS is applied to a table column:
{ width: 50px; text-align:center; }

When table cell gets widened because content does not fit, IE would still center content based on initial value (50px, as specified in CSS).

In order to fix IE behavior, add col tags. These will somehow force IE to use correct width while centering
<table>
<colgroup>
<col width="1%" />
<col width="1%" />
</colgroup>
<tr>...