title: bxslider IE Issues , Images stacked vertically
body: <p>I am currently re creating my portfolio page , It is a work in progress...
  On my home page I have a bxslider from bxslider.com , it works in all other browsers but on IE , it has no transitions and just simply stacks the images on top of each other...</p>
  
  <p>The page can be viewed <a href="http://www.jn-design.co.uk/redesign2" rel="nofollow">here</a></p>
  
  <p>CSS as follows:</p>
  
  <pre><code>#slides
  {
  width:100%;
  height:400px;
  margin-top:150px;
  background-image:url('low_contrast_linen.png');
  background-repeat:repeat;
  z-index:-3;
  border-bottom: 4px solid #ff7373;   
  }
  
  #slideshowwrap
  {
   margin:0 auto;
   width:900px;
   height:250px;
   margin-top: 50px;
   z-index:-3;    
   }
  
  #slider1
  {
   width:1300px;
   height:300px;
   position: fixed;
  }
  </code></pre>
  
  <p>HTML as follows:</p>
  
  <pre><code>&lt;div id="slides"&gt;
      Slideshow goes here (Full Width)
      &lt;div id="slideshowwrap"&gt;
          &lt;div id="slider1"&gt;
              &lt;div&gt; &lt;img src="slideone.png" alt="slide one"/&gt; &lt;/div&gt;
              &lt;div&gt;&lt;img src="slidetwo.png" alt="slide two"/&gt;&lt;/div&gt;
              &lt;div&gt; &lt;img src="slidethree.png" alt="slide three" /&gt; &lt;/div&gt;
              &lt;div&gt;&lt;img src="slidefour.png" alt="slide four"/&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p></p>