little help. I am lauching a new site
http://www.thomasdrotardesign.com/setdesign.html

at the bottom of the page i have a component swiper. in safari if you swipe the page you will see background images. But in Firefox the images are not not showing at all.

I redid the photos in photoshop cs6 to make sure they are rgb and saved for web.

my css is as follows...

.drotarTwoPhoto {
          margin-left: 10px;
          margin-top: -0px;
          width: 725px;
          height: 483px;
          background-image: url(i/two.jpg);
          background-repeat: no-repeat;
}

my html code for this is:

   

   <div class="page two">
    <aside class="blackBottom"> </aside>
    <img src="i/two.jpg" width="725" height="483" class="drotarTwoPhoto">
          <p class="drotarTwo">AOL</p>
    <p class="drotarTwoA">COMMERCIAL</p>

          <p class="drotarTwoParagraphTop">

     SET DESIGN SAMPLES
     <p class="drotarTwoParagraph">


This spot asked for the facade of the house to fall down on cue. We chose an existing house at Universal Studios backlot and built a front room addition with a large iron hinge front wall that could be pulled down and returned for numerous takes.
    </p>
    <p class="drotarTwoParagraphTwo"> 
    FACADE COMING DOWN
    </p>

      <div class="line"></div> 
            <p class="swipe">SWIPE OR CLICK <br> HERE FOR NEXT  </p>
      <a class="arrow-next"></a> <!--END ARROW-DOWN -->

    </div>  <!-------------------- PAGE TWO FINISH---------------- -->   

I tested the link in firefox to make sure it was there and it is:

http://www.thomasdrotardesign.com/setdesign/setDesignBottomFoto/i/two. jpg

any idea why it is not showing in Firefox 18.01?

drotars@mac.com