mejarc

/**
 * based on "Scalable and Modular Architecture for CSS," by Jonathan Snook: http://smacss.com/book/
 * Rules for rendering efficiency: use child selectors, avoid tag selectors, and use class names for the right-most selector.
 * Rules listed in this order: 1) Box, 2) Border, 3) Background, 4) Text, 5) Other
 */

/**
 * Base.  Default rules for elements; 
 * no class or ID selectors; 
 * how that element should look in all occurrences on the page.

mejarc

<script src="//code.jquery.com/jquery-latest.js"></script>

mejarc

#ie6 {
border: 1px solid #F7941D; 
background: #FEEFDA; 
position: relative;
}

#ie6  #closer {
background: url(http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg) no-repeat transparent;
position: absolute; right: 3px; top: 3px; text-indent: -1200em; 
width: 25px; height: 25px;}