Hi all, browser compatibility one of the most complicated issue we face during our development. So whenever i get into problem, go and search on internet. Here, I like to share Paul Irish. /***** Selector Hacks ******//* IE6 and below */* html #uno { color: red }/* IE7 */*:first-child+html #dos { color: red }/* IE7, FF, Saf, Opera */html>body #tres { color: red }/* IE8, FF, Saf, Opera (Everything but IE 6,7) */html>/**/body #cuatro { color: red }/* Opera 9.27 and below, safari 2 */html:first-child #cinco { color: red }/* Safari 2-3 */html[xmlns*=””] body:last-child #seis { color: red }/* safari 3+, chrome 1+, opera9+, ff 3.5+ */body:nth-of-type(1) #siete { color: red }/* safari 3+, chrome 1+, opera9+, ff 3.5+ */body:first-of-type[…]

Expand and collapse option through JS and CSSFollow steps1. Copy this code in notepad2. Save your note pad as .html or .htm3. Open with browser… solution is ready 🙂 <html xmlns:v=”urn:schemas-microsoft-com:vml” xmlns:o=”urn:schemas-microsoft-com:office:office”><head><style type=”text/css”>h4{ color:#719500;}</style></head><script type=”text/javascript”>var collapseDivs, collapseLinks;function createDocumentStructure (tagName) { if (document.getElementsByTagName) { var elements = document.getElementsByTagName(tagName); collapseDivs = new Array(elements.length); collapseLinks = new Array(elements.length); for (var i = 0; i < elements.length; i++) { var element = elements[i]; var siblingContainer; if (document.createElement && (siblingContainer = document.createElement(‘div’)) && siblingContainer.style) { var nextSibling = element.nextSibling; element.parentNode.insertBefore(siblingContainer,nextSibling); var nextElement = elements[i + 1]; while (nextSibling != nextElement && nextSibling != null) { var toMove = nextSibling; nextSibling = nextSibling.nextSibling; siblingContainer.appendChild(toMove); } siblingContainer.style.display = ‘none’; collapseDivs[i] = siblingContainer; createCollapseLink(element, siblingContainer, i); } else[…]