I have done a website and tested it in IE5 Mac and it is cutting off the bottom of some graphics. One image in particular is 400px in height and is 3px wide and is displayed using:
background:#BBD7FF url(/gfx/blockbg.gif) repeat-x 0% 0%;
In every other browser it displays the whole height of the image (as it should), but in IE5 Mac it is only displaying about 150px (height) of it. What's even stranger is that I saved the exact same image under a different name and called it in the css sheet and then IE5 Mac displayed about 200px (height) of it. A little bit more but obviously not good enough. Can't see any logic behind this behaviour.
Has anyone seen of heard of this before? Any fixes?
The pages are here:
1 graphic problem (<!-- m --><a class="postlink" href="http://www.sheffieldscimitars.co.uk/sponsors">http://www.sheffieldscimitars.co.uk/sponsors</a><!-- m -->) (blockbg.gif)
2 graphic problem (<!-- m --><a class="postlink" href="http://www.sheffieldscimitars.co.uk/">http://www.sheffieldscimitars.co.uk/</a><!-- m -->) (blockbg.gif and othertitlebg.gif)
background:#BBD7FF url(/gfx/blockbg.gif) repeat-x 0% 0%;
In every other browser it displays the whole height of the image (as it should), but in IE5 Mac it is only displaying about 150px (height) of it. What's even stranger is that I saved the exact same image under a different name and called it in the css sheet and then IE5 Mac displayed about 200px (height) of it. A little bit more but obviously not good enough. Can't see any logic behind this behaviour.
Has anyone seen of heard of this before? Any fixes?
The pages are here:
1 graphic problem (<!-- m --><a class="postlink" href="http://www.sheffieldscimitars.co.uk/sponsors">http://www.sheffieldscimitars.co.uk/sponsors</a><!-- m -->) (blockbg.gif)
2 graphic problem (<!-- m --><a class="postlink" href="http://www.sheffieldscimitars.co.uk/">http://www.sheffieldscimitars.co.uk/</a><!-- m -->) (blockbg.gif and othertitlebg.gif)