title: Modernizr with cssSandpaper?
body: <p>i've been struggling for a while trying to have the rotate(xdeg) feature on IE 8 , 7 and 6 , for this i google for a while and found <a href="http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/" rel="nofollow noreferrer">cssSandpaper</a> but since i have to load 4 diferents scripts i want to do it only if its necessary for this im using <a href="http://modernizr.com/" rel="nofollow noreferrer">modernizr</a> im trying something like this:</p>
  
  <pre><code>&lt;head&gt;
  
          &lt;link rel="stylesheet" href="stilos/estilo.css" /&gt;
          &lt;script src="scripts/modernizr.custom.19387.js"&gt;&lt;/script&gt;
          &lt;script src="scripts/jquery-1.8.1.js"&gt;&lt;/script&gt;
          &lt;script src="scripts/misfallbacks.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="acerca"&gt;&lt;a href="#"&gt;Acerca de mi&lt;/a&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>my css file(estilo.css):</p>
  
  <pre><code>#acerca{
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform:rotate(90deg);
      -sand-transform:rotate(90deg);
      position: relative;
      top: -233px;
      left: 462px;
      width: 123px;
      height: 23px;
      z-index:100;
  }
  </code></pre>
  
  <p>my js file(misfallbacks.js)</p>
  
  <pre><code>Modernizr.load({
          test:Modernizr.csstransforms,
          nope:['transformie/EventHelpers.js/','transformie/cssQuery-p.js','transformie/sylvester.js','transformie/cssSandpaper.js']
  
      );//Fin de monernizr on load 
  </code></pre>
  
  <p>It works great on safari, chrome, opera, Firefox and IE9 but when i try on IE8 or IE7 i get the following error on the console<br>
  <code>SCRIPT5007: Unable to get value of the property 'addEventListener': object is null or undefined EventHelpers.js, line 49 character 9</code><br>
  I added a console.log to try and find out what was going on and went to that line here it is(EvenHelpers.js):</p>
  
  <pre><code>me.addEvent = function(obj, evType, fn){
         console.log(obj);//I've added this to try to figure out what is going on
          if (obj.addEventListener) {........//here is the error
  </code></pre>
  
  <p>on the next run i checked the console again a saw this <code>LOG: null</code> , i'm no expert on javascript so im not sure what is going on but i try something diferrent and added the cssSandPaper using the script tag like this:</p>
  
  <pre><code>&lt;head&gt;
  
      &lt;link rel="stylesheet" href="stilos/estilo.css" /&gt;
  
      &lt;script src="scripts/modernizr.custom.19387.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/jquery-1.8.1.js"&gt;&lt;/script&gt;
      &lt;!--&lt;script src="scripts/misfallbacks.js"&gt;&lt;/script&gt;--&gt;  
      &lt;script src="transformie/EventHelpers.js"&gt;&lt;/script&gt;
      &lt;script src="transformie/cssQuery-p.js"&gt;&lt;/script&gt;
      &lt;script src="transformie/sylvester.js"&gt;&lt;/script&gt;
      &lt;script src="transformie/cssSandpaper.js"&gt;&lt;/script&gt;
   &lt;/head&gt;
  </code></pre>
  
  <p>to my surprise worked like a charm, and like this i have the rotate feature even in IE7 and IE8 and the console say this now <strong>LOG: [object HTMLScriptElement]</strong> but im aware that using this way i will be always loading these 4 scripts even when they are not necessary and that is not mi goal but since im starting with modernizr and javacript to be hones i have no idea of what is going on D: and why when i load the scripts using nope:[''] from modernizr doesnt work. anyone knows a way to solve this?  ...im sorry for my english not my first languague</p>
  
  <p>edit: i did a little research on this object HTMLScriptElement and its suppose to refere to a script tag i suppose that when i load the js file with nope: from modernizr something change and this object become null since is no longer loaded inside a script tag...but im still in the same problem... how do i solve this? :/</p>
  
  <p><a href="http://jsfiddle.net/ttWaf/3/" rel="nofollow noreferrer">jsFiddle Test Modernizr</a></p>
  
  <p><a href="http://jsfiddle.net/gQL7j/2/" rel="nofollow noreferrer">jsFiddle Test without Modernizr</a></p>
  
  <p>Answer:
  i ended up using <strong>if lt IE 9</strong> to load the sand paper scripts it got the job done</p>