Originally Posted by thor1182
as the box model of IE has its own set of rules from the others.
Not true. Internet Explorer has "quirks" mode (non-standard) and "standards" mode, triggered by particular DOCTYPE. If you use e.g. this DOCTYPE, box model is the same across IE, FF, Safari and Opera, thus only single CSS is needed:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
or this one:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
Hacks are sometimes necessary for IE6 from 2001, if your design is really wild. But most of the time this simple (and W3C valid) "hack" will suffice (being processed by IE6 only), there are no hacks necessary for IE7 and above:
Good webdesigners have it really easy in 2009