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;}
Code downloaded to my PC will be deleted in due course.
WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.