The hide technique: /* Hide from IE-Mac */ #header {padding-bottom:3em} #footer {padding-top:1.5em} /* End hide */

IE/Mac won't see these commands but will display the content even without those rules! Now... if Small business website design has a specific area of their site that isn't vital to their visitors you can just hide it completely from this browser without having the trouble to even try and make it look better within the possible! Here's how:

#noiemac {display: none}
/* Hide from IE-Mac */ #noiemac {display: block} /* End hide */


The first rule hides it all from IE/Mac (e.g <div id="noiemac">content to hide here!</div> )

The second CSS rule displays the section cause Ie/Mac can't see it!

For this one Small business website design will have to use the "child selector". This rule consists of two elements, the parent and his child! Let it be html>body, body being the child of html the parent! As IE don't understand it, it will come a time when this knowledge will come to be handy!

The typical example of the header margin: #header {margin-bottom:4em} html>body #header {margin-bottom:1em} IE will use the 1st rule cause it's blind to the 2nd and all other browsers will use the 2nd one!