Image Gallery: Looks Different in IE & FF

[jihanemo]

Another darn IE and FF problem - http://americanchic.net/testpage In IE, you'll see that there is a considerable amount of extra space between the edge of the table and the first "1" thumbnail. I need to get rid of that extra space. This page uses an external style sheet. What's causing this and how can I fix it?

[Wickham]

You have the same styles in your stylesheet as in head section style tags, which is confusing. Delete
#myul{list-style-type:none;padding-left: 0px;}
}
#myul li{margin:0px;float:left;}
#myul img{
margin:7px;
float:left;
border:1px solid #222;
width:80px;
height:67px;
cursor: pointer;
}
#default{
width:280px;
height:280px;
}
from inside the style tags in the head section.

In the stylesheet style.css you have:-
<base href="http://www.americanchic.net/images_pi/">
<style type="text/css">

which should not be there; delete it. The stylesheet also has two } characters when you only need one. Delete one } after the style for #myul.

If you want the three thumb images 1, 2 and 3 to be on the left instead of central in the table, add margin-left: 0; to the #myurl style:-

#myul {list-style-type:none; padding-left: 0px; margin-left: 0;}