Hi,
I recently designed a template for my hosting company called JSGHost.com
www.jsghost.com
http://jsghost.com/client.html
http://jsghost.com/contact.html
If you have a look at the client page AND the contact us page, i don't really know whats happening there the authentication boxes are all weird, if you view the source code, everything seems fine... am i missing something ?
All i wanted to do was Center the boxes, but they JUST DON"T WANT TOO ! lol Any help greatly appreciated...! :(
Regards,
Scan

Holy nested Div's batman...
Try changing your #middle declaration to
#middle { width:300px; /* The width may vary depending on the width of the box you want to center*/
margin-left: auto;
margin-right:auto;
}
And you should really clean up your divs... Why do you have them nested so deep? You should look in to multi-classing (http://webdesign.about.com/od/css/qt/tipcssmulticlas.htm)

Please avoid the unwanted divs there in your code.
If you are using firefox please try installing the add-on firebug to verify the css/html.
Please change the code in style.css
--------------------------------
#middle { width:100%;}
--------------------------------
to
--------------------------------
#middle {
margin: 10px auto 10px auto;
width:100%;
}
--------------------------------
Cheers!

Thank You guys, i stripped down on the div's lol :P i got it aligned center ! Finally *Phew* :D
Thanks again,
Scan:agree: