additional images incorrect display in IE7

Hi,

Need a little help...

The additional 70 x 70 images look fine in FF.
BUT in IE7 they look like slices (whole image doesn't display).

http://tinyurl.com/dh7pb9

Any ideas on how to fix?

Thanks!

Need some CSS help with additional images. I would like the images to align left and have less space between them...
Please help. :frusty:

Here is the div code:

<br class="clearBoth" />
      <div id="additonalImages">
<!--bof Additional Product Images -->
<?php
/**
 * display the products additional images
 */
  require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>
    </div> 
<!--eof Additional Product Images -->

Here is the CSS code:

/*beginning of Product Display code*/
#productAdditionalImages .additionalImages a { 
    float: left; 
    margin-left: 10px;
    }
/* end of Product Display code */

Here is the result: http://tinyurl.com/at4gqtthanks!

just to try , add this to the end of your stylesheet.css

.additionalImages {
display:inline;
}

and let see if this solve it , i can not see much with my tools in IE . but will keep trying .

this rule should have worked as i can make it work from here , but something overriding it , and in IE still displaying as Block ..

hope someone else can think of something .

tony_sar thank you for replying.

yeah i cannot figure this one out. and it is probably something simple...

the stylesheet.css has rules for additional images but the stylesheet_additional_images.css should override those.

i guess i could try dropping them in a table (which I would rather not do) unless no one can figure out the css. :lamo:

thanks!

OK I finally sussed it out. I applied the same CSS to the additional images as the main image. And it looks like it is working in FF and IE7.

You can see here:
http://www.allk-9.com/dog-back-pack-p-404.html

:bigups:

:clap: yep is working. now you need to sort of those javasript errors :unsure: