*New page* Feedback

Hi,
this page is not designed by me, but I need feedback to try to explain for a customer that it really needs a redesign. I't may seem like it's designed around the 90's, but its actually a product of 2010. So please, help me out here!
The Site

Problems with Simpleviewer and Spry Menu position in IE.

Hi,

I'm currently updating my website and am adding simpleviewer to show the pictures. I've got the simpleviewer to display correctly in firefox / Chrome but the simpleviewer doesn't display at all in Internet Explorer. That's one issue.

The 2nd issue, is that the spry menu bar displays approx 30 px to the right in IE then in firefox, and Chrome so is out of place and causes a new line underneath to be displayed, making the header thicker.

Can anyone explain why these problems are occuring in IE and what the solutions are? I really appreciate any help. Thanks

What is the best way to build a clickable image banner in CSS?

I've been building my first CSS website and I have hit a wall. I'm not sure of the best way to build the top banner, normally I would split it up in tables and do a rollover for the links, but I know there is a better way in using CSS, I just don't know how.

Any suggestions on what would be the best way to set this up? I am a noob at this so any help is greatly appreciated.

http://www.robraeclothiers.com/website/dress.html

this is my css code:

@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	color: #B0B0B0;

Center CSS, make it center, this is not a pretty one.

Hey Guys and Gals!

I've been handed an HTML document using CSS that was created with a "what you see is what you get" (i know, ew) program...
It's ugly, it's difficult to understand...

I just need to get this page to be centered, 0 margin from the top, but centered horizontally.
Can anyone help me???

Thanks a TON for your time and help!
-Tyler

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- Generated by Avanquest Technology v:8.0. For information please visit: <a href="http://www.avanquestusa.com/" rel="nofollow">http://www.avanquestusa.com/</a> -->
<html lang="en">
<head>
	<title> Home </title>

png and margin errors in IE6

Here is the page in question: http://www.designbylanoue.com/gaf/nsd/logo2.html

Everything works perfect in current versions of IE, Firefox, and Safari. BUT... How can I fix the .png files transparency when they load in IE6. And the top navigation menu's margin is also messed up in IE6. Can someone please help me please???

Here is the css for the navigation:

#nav {
	background: url(images/nav_bar.png) no-repeat;
	height: 46px;
}
.menu {
	float: left;
	list-style: none;
	margin-top: 15px;
	margin-left: 20px
}
.menu li {
	float: left;
}
.menu a {
	float: left;

Syndicate content