cooldude2008
New Member
So I added in an image slider into my webdesign as it is now. It worked fine in IE + Chrome, but in firefox I had a very strange issue.. The image slider images were being pushed towards the right hand side of the page.
When it should look like this:
I really don't know why this is happening. here is the css for the slider:\[code\] <style type="text/css"> #slider { position: relative; width: 918px; } #slider .viewer { position: relative; width: 918px; height: 200px; overflow: hidden !important; } #slider .viewer .reel { display: none; height: 200px; } #slider .viewer .reel .slide { width: 918px; height: 200px; } </style>\[/code\]And the css for the container around the slider:\[code\]#photobox {border-left: 1px solid #ababab;border-right: 1px solid #ababab;position: relative;width: 918px;height: 200px;z-index: -1;top: -6px;}\[/code\]This is really stumping me. You can also see a live version of the site - http://simplesolutions.netne.net/