IE CSS border problem

liunx

Guest
I am designing and new site, and it is showing some strange border bugs when viewed using IE. No other browsers show the problem.

The borders are defined using the css, and the corner for the boxes are defined using another css id, which just puts the corner in the top left of the box.

Sometimes when you click on a link in IE, it doesnt show all of the borders properly. The site uses php and javascript as well, but I have removed all of these to test and they are not causing the problem.

It seems to be the corner images that are causing the problem.

Please can someone help. If you go to <!-- m --><a class="postlink" href="http://ccgi.extech2000.plus.com">http://ccgi.extech2000.plus.com</a><!-- m --> you can see the dev site - just click on the top links a few times with IE and you should see the problem.

Thanks!Appears to work correctly in IE6, but IE5 is badly broken.IE5 is badly broken - not sure why

It doesnt always display correctly in IE 6 though - sometimes you cant see all of the borders.

Perhaps Ill change them for images....Just a thought - what percentage of your IE users are <IE6 in your webstats? You may not have a problem.Probably none, but as I said there is a problem in IE6 - you should see it if you click a few links and look at the borders on the left and right boxes.

I have to fix this, or change the design entirely.

Can anyone suggest a reason? As I said it seems to be the corners causing the problem - changing the z-index doesnt seem to help.

ThanksOk, I see a few sporadic problems. Try giving all images height and width and pre-load them if that doesn't help.
 
Back
Top