I have created a little slider using jQuery UI, and it’s works fantastically in Firefox, exactly as it should. However, in IE, it seems to put padding in between objects. Take a look and you’ll see:
http://www.grant[deletethis]unwin.co.uk/slider/slider1.html
I understand that different broswers have different page margins and paddings set automatically, so I tried to use:
* {
padding: 0px;
margin: 0px;
}
But the problem persists.
The Question:
how can I eliminate the gaps between the pictures on my slider (In IE)?
Your page is rendering in Quirks Mode, because you aren’t using a doctype (..that will trigger Standards Mode).
Your first line is currently this:
Add a doctype as the very first line, such as the HTML5 doctype:
It will be magically fixed.