From: Christopher R <majes...@thecreativesheep.ca> > As you can see the image is still not in order it's like a jigsaw puzzle on > the page
>> > http://www.thecreativesheep.ca/site/imagepage3.html Following are some suggestions that may, or may not be what you're looking for. As was suggested, if you want the images to be the size specified in the HTML, you should resize them in a graphics program rather than letting browsers do the work. That being said, here are my suggestions. Remove all width and height attributes in the HTML for those three images. Alter the CSS as follows - #logo { background-color: transparent; /*top: -7px;*/ /* remove */ left: 109px; /* change value */ /*width: 850px;*/ /* remove */ height: 250px; position: relative; text-align: center; z-index: 1; } logo img {vertical-align: bottom; display:block;} /* remove - it's not doing anything anyway, despite the spelling correction */ #logo img {float: left;} /* add */ .navigationpanel { background-image: url(navgraphic.png); background-repeat: no-repeat; top: -20px; /* change */ left: -250px; /* change*/ /*width: 400px; /* remove */ /*height: 75px; /* remove */ position: relative; } Perhaps these suggestions will give you a new place to start from. ~holly ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/