Hi Guys,
Having a famous I.E VS Firefox issue, not entirely sure what the problem is...
This page - http://pets.cnradiogroup.co.uk/test.php ignoring the design (PLEASE!!!) lol
The carousel at the top displays fine in firefox, in internet explorer however I am getting a 282x282 black box on the left and it seems to pushing everything across..
Code as follows:
Code:
#carousel { width:565px; height:282px; position:relative; overflow:hidden; background-color:#fff; line-height:1.45em; margin:0 12px 12px 12px; }
#carousel ul { margin:0; padding:0; }
#carousel ul li { margin:12px; padding:0; list-style-type:none; }
#carousel ul li a {color:#eee} #carousel ul li a:hover {background-color:#eee;color:#000;}
#carousel-images {position:absolute;z-index:0;}
#carousel-images a {display:block;}
#carousel-links { font-size:1.2em; line-height:1.4em; position:absolute; top:12px; left:0; padding:4px 12px 4px 56px; background:transparent url(backno.png) 0 0 no-repeat; }
.carousel-link { padding:3px 8px 2px 8px; color:#fff; text-decoration:none; margin-left:2px; }
.carousel-link-selected, .carousel-link:hover { background-color:#fff; color:#000; }
.carousel-biglink img {border-width:0;}
.carousel-color-white {background-position:0 -47px !important;}
.carousel-color-white .carousel-link {color:#000;}
.carousel-color-white .carousel-link-selected, .carousel-color-white .carousel-link:hover {color:#fff;background-color:#000;}
Hope someone can help,
Many thanks,
Andy |
