Member Avatar for rulebreaker

Im currently selling web hosting services and i have a template and site is running well untill if found out that my template only works for IE7 and Safari and doesnt work for FireFox or any other browsers. I really need help because im losing customers who visit my site via firefox.

Im not really sure whats wrong, please help.

Here is my CSS file

/* Base Style */
body {
	background-image: url(../..\bgcolorc.jpg);
	background-position: center;
	background-repeat: repeat-y;
	background-color:#ffffff;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
	
}
a {
	color: #4183cd;
	text-decoration: underline;
}
a:hover {
	color: #4183cd;
	background: #f5fbff;
	text-decoration: none;
}
img {
	border: none;
}
p {
	margin: 0;
	padding: 0 0 0px 0;
}
.clr {
	clear: both;
	height: 1px;
}
input {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
select {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font: 2em "Century Gothic", Arial, Helvetica, sans-serif;
	color: #5393d4;
	letter-spacing: -1px;
	margin: 0;
}
h2 {
	color: #ff6600;
	margin: 0;
	font: 1.5em "Century Gothic", Arial, Helvetica, sans-serif;
}
h3 {
	font: 1.2em "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
	color: #5c6b7b;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: inline;
}
h4 {
	font: 1em "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #5c6b7b;
	margin: 0;
}
h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

/* Header */
#container {
	width: 782px;
	margin: auto;
}
#containerx {
	width: 782px;
	margin: auto;
	background: #fff url(../..\images\header_shadow.gif) repeat-x top left;
}
#header {
	margin-bottom: 13px;
}
#top_left {
	background: url(../..\images\tl.gif) no-repeat top left;
}
#top_right {
	background: url(../..\images\tr.gif) no-repeat top right;
}
#identity_outer {
	padding: 15px 0 0 17px;
}
#identity {
	float: left;
}
#header_right {
	float: right;
	color: #000;
	width: 340px;
	margin-top: 20px;
}
#search {
	margin-top: 10px;
}
#header_links {
	color: #d4d4d4;
	text-align: right;
	padding-right: 9px;
	margin-bottom: 5px;
}
#header_links a {
	color: #5c6b7b;
	text-decoration: none;
	border-bottom: 1px dotted #d4d4d4;
}
#header_links a:hover {
	color: #ffffff;
	background: none;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
}

/* Main Nav */
#menuList {
	background: url(../..\images\menubgx.gif) repeat-x top left;
	padding: 7px 0 8px 0;
	margin: 0 auto;
	font-size: 12px;
	width: 782px;
	text-align: center;
}
#menuList li {
	list-style: none;
	display: inline;
	margin: 0;
}
#menuList li a {
	padding: 8px 11px;
	border-right: 1px solid #ecf1f5;
	text-decoration: none;
}
#menuList li a:link { color: #3f5771; }
#menuList li a:visited { color: #3f5771; }
#menuList li a:hover {
	color: #0487c8;
	background: #fff;
	border-color: #edf2f6;
}
#menuList li a#current {
	color: #fff;
	background: #37475b;
	border: 1px solid #37475b;
	font-weight: bold;
}
#menuList li a#ordernow {
	background: url(../..\images\bullet6.gif) no-repeat 90px;
	padding: 8px 20px 8px 11px;
	border-right: 0px solid #ecf1f5;
	text-decoration: none;
	font-weight: bold;
}
#menuList li a:hover#ordernow {
	background: #fff url(../..\images\bullet6.gif) no-repeat 90px;
	color: #0487c8;
	border-color: #edf2f6;
}

#menuList li a#ordernowX {
	padding: 8px 20px 8px 11px;
	color: #fff;
	background: #37475b;
	border: 1px solid #37475b;
	font-weight: bold;
}

/* Sub Nav */
#sub_menu {
	background: #5292d4 url(../..\images\sub_menu_bg.gif) repeat-x top left;
	color: #fff;
	padding: 7px 10px;
}
#sub_menu_links a {
	color: #fff;
	background: none;
	text-decoration: underline;
	padding: 0 3px;
}
#sub_menu_links a:hover {
	color: #fff;
	background: none;
	text-decoration: none;
	padding: 0 3px;
}
#date {
	float: right;
	text-align: right;
}

/* Main Content Area */
#print_friend_bookmark {
	float: right;
	text-align: right;
	padding: 0; 
	margin: 0;
}
#print_friend_bookmark a.st1 {
	background: url(../..\images\print.gif) no-repeat 10px 7px; 
	padding: 5px 10px 5px 30px;
}
#print_friend_bookmark a.st1:HOVER {
	background: url(../..\images\printh.gif) no-repeat 10px 7px
}

#print_friend_bookmark a.st2 {
	background: url(../..\images\send_friend.gif) no-repeat 10px 9px; 
	padding: 5px 10px 5px 30px;
}
#print_friend_bookmark a.st2:HOVER {
	background: url(../..\images\send_friendh.gif) no-repeat 10px 9px
}
#print_friend_bookmark a.st3 {
	background: url(../..\images\add_bookmark.gif) no-repeat 10px 7px; 
	padding: 5px 10px 5px 30px;
}
#print_friend_bookmark a.st3:HOVER {
	background: url(../..\images\add_bookmarkh.gif) no-repeat 10px 7px
}
#content {
	padding: 7px 0 0 25px;
	font-size: 110%;
}
#content_sub {
	padding: 27px 0 0 13px;
	font-size: 110%;
	line-height: 16px;
}
#order_sub {
	padding: 27px 0 0 13px;
	line-height: 16px;
}
#full_content_sub {
	float: left;
	text-align: left;
	width: 740px;
	margin-top: 25px;
}

/* Page Layout */
.leftalign {
	float: left;
	text-align: left;
}
#left_content {
	float: left;
	text-align: left;
	width: 528px;
}
#best_value_image {
	width: 528px;
	height: 245px;
	margin: 5px 0 0 0;
	padding: 0;
}
#three_columns {
	padding: 0 0 25px 0;
	margin: 0;
	width: 523px;
}
#tc_col_one {
	float: left;
	margin: 0;
	padding-right: 10px;
	width: 249px;
	border-right: 1px solid #e4eef8;
}
#tc_col_two {
	float: left;
	margin: 0;
	padding-left: 10px;
	width: 249px;
}
.tc_heading {
	color: #5292d4;
	font-size: 100%;
	text-transform: uppercase;
	background: #f0f4f6;
	padding: 7px;
	font-weight: bold;
}
.tc_text {
	padding: 12px 7px 0;
}
.tc_text ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: square;
	list-style-image: url(../..\images\bullet.gif);
}
.tc_text li {
	margin-left: 10px;
}
#included {
	color: #f0f4f6;
}
#included .heading {
	color: #f0f4f6;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 12px;
	padding-top: 3px;
}
#included ul {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 6px;
	list-style-type: square;
	list-style-image: url(../..\images\bullet-10a.gif);
	line-height: 1.25em;
}
#included li {
	margin: 0 0 4px 10px;
}
#included .box_top {
	float: right;
	width: 200px;
	padding: 9px 0 0;
	margin-bottom: 20px;
	background: #f0f4f6 url(../..\images\included_top.gif) no-repeat left top;
}
#included .box_bot {
	background: url(../..\images\included_bot.gif) no-repeat left bottom;
	padding: 0 0 9px;
}
#included .box {
	background-color: #5c6b7b;
	padding: 0 10px 0;
}
#included a {
	color: #bce0ff;
background: none;
border-bottom: 1px dotted #fff;
text-decoration: none;
}
#included a:hover {
	color: #bce0ff;
background: #394b5e;
border-bottom: 1px solid #fff;
text-decoration: none;
}
.included {
	margin: 5px 0 0.5em 0;
	padding: 0 0 0 6px;
	list-style-type: square;
	list-style-image: url(../..\images\bullet10.gif);
	line-height: 1.25em;
}
.included li {
	margin: 0 0 4px 10px;
}
.content_heading {
	border-bottom: 1px dotted #5c819a;
	margin: 20px 0 0;
	padding-bottom: 2px;
	width: 268px;
}
.content_heading_sub {
	border-bottom: 1px solid #DEE1E4;
	margin-bottom: 15px;
	padding-bottom: 2px;
	width: 510px;
}
.content_heading_suba {
	border-bottom: 1px solid #DEE1E4;
	margin-bottom: 15px;
	padding-bottom: 2px;
	width: 100%;
}

.plan_heading {
	border-bottom: 1px solid #DEE1E4;
	margin-bottom: 15px;
	padding-bottom: 2px;
}

.content_content {
	line-height: 16px;
	margin: 10px 0 40px 0;
}
.orderheading {
	border-bottom: 1px solid #DEE1E4;
	padding-bottom: 2px;
	margin-bottom: 10px;
}
.orderheading h3 {
	color: #5393d4;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	display: inline;
	font-family: "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
}
#misc_links {
	padding: 7px 13px 0;
}
#mContenth h3 {
	font-size: 1.2em;
	margin-top: .5em;
}
#mContenth h4 {
	font-size: 1.1em;
	margin-top: .5em;
}
#mContenth {
	font-family: Arial, "Lucida Grande", Helvetica, sans-serif;
	line-height: 21px;
}
#mContenth h2, #mContenth h3 {
	font-family: "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
	margin-top: .5em;
}
#leftcontent_sub {
	margin-top: 25px;
	float: left;
	width: 202px;
}
#leftcontent_sub h3 {
	font-size: 1.1em;
	margin-top: .5em;
}
#left_content_sub {
	float: left;
	text-align: left;
	width: 510px;
	margin-top: 25px;
}
#left_content_subx {
	float: left;
	text-align: left;
	width: 510px;
}

#plantable TD {
	border-bottom: 1px solid #ced8df;
	padding: 1px 0px 1px 5px;
}
.plantableheader TD {
	background-color: #d8ebff; 
	color: #4183cd; 
	font-weight: bold; 
	font-size: 12px;
	border-top: 15px solid #FFFFFF; 
}
.planspecs TD {
	font-size: 12px;
}
.planspecsH TD {
	font-size: 12px;
	background: #ffffeb;
}
.planspecsH2 TD {
	font-size: 12px;
	background: #fff6ac;
}
.planCell1 {
	border-top: 1px solid #D5DADF;
	border-bottom: 1px solid #D5DADF;
	background: #f7f7f7;
	padding: 8px;
	font-size: 11px;
}
.planCell2 {
	padding: 8px;
	font-size: 11px;
}

.listCell1 {
	border-top: 1px solid #D5DADF;
	border-bottom: 1px solid #D5DADF;
	padding: 3px;
	font-size: 11px;
}
.listCell2 {
	padding: 3px;
	font-size: 11px;
}
#partners {
	width: 720px;
	height: 39px;
	margin-left: 25px;
	display: block;
	background-image: none;
	background-repeat: no-repeat;
}
#sitemap ul { 
	margin: 7px 0px 0px 15px; 
	padding: 0px; 
}
#sitemap ul li{ 
	padding: 0px 0px 0px 15px; 
	margin: 0px 0px 7px 0px;
	list-style-type: none; 
	background: url(../..\images\sitemap.gif) no-repeat 0px 5px;     
	font-weight: bold;
}
#sitemap ul li li{ 
	padding: 0px 0px 0px 20px; 
	margin: 0px 0px 7px 0px;
	list-style-type: none; 
	background: url(../..\images\sitemap1.gif) no-repeat 0px 5px; 
	font-weight: normal;
}
#sitemap ul li li li{ 
	padding: 0px 0px 0px 20px; 
	margin: 0px 0px 7px 0px;
	list-style-type: none; 
	background: url(../..\images\sitemap2.gif) no-repeat 0px 5px; 
	font-weight: normal;
}

.pricesplan {
	font-size: 1.3em;
	font-weight: bold;
}
#instantM {
	padding-bottom: 15px;
	padding-top: 5px;
	background-color: #fff;
	border-bottom: 1px solid #DEE1E5; 
}
#instantM p {
	margin-left: 20px;
	font-size: 11px;
	padding-bottom: 1px;
	padding-top: 5px;
}

/* Sidebar */
#right_content {
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
	width : 204px;
	font-weight: lighter;
}
#right_content h3 {
	font-size: 1.1em;
	margin-top: .5em;
}
#right_content_sub {
	margin: 55px 0 0 25px;
	padding: 0;
	float: left;
	width: 209px;
}
#right_content_sub h3 {
	font-size: 1.1em;
	margin-top: .5em;
}
#right_nav_sub {
	margin: 55px 0 0 25px;
	padding: 0;
	float: right;
	width: 209px;
}
#right_content_contact_details {
	background: url(../..\images\arrow_one.gif) no-repeat top left;
	padding-left: 22px;
	margin: 12px 0 0 7px;
	font-weight: normal;
}
#right_content_testimonials {
	font: 0.9em Arial, Helvetica, sans-serif;
	padding-left: 22px;
	margin: 28px 0 0 7px;
	font-weight: normal;
}
#right_content_testimonials .sitename {
	color: #8b98a9;
	text-align: right;
}
#right_content_testimonials .quotetext {
	font-size: 12px;
}
#right_content_testimonials .cname {
	color: #d77e00;
	font-weight: bold;
	text-align: right;
	padding-top: 10px;
}
#right_content_testimonials .quotess {
	text-align: left;
	font: 3em "Century Gothic", Arial, Helvetica, sans-serif;
	line-height: 0.1em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#right_content_testimonials h3 {
	font-size: 13px;
}
.transfernew {
	background: url(../..\images\new_site_image.jpg) no-repeat top left;
	height: 56px;
	padding: 5px 0 5px 28px;
}
#order_content_sub {
	margin : 55px 0 0 25px;
	padding : 0;
	float : left;
	width : 209px;
	font-size : 110%;
}
#aff ul {
	margin: 0.5em 0 0.5em 0.5em;
	padding: 0 0 0 6px;
	list-style-type : square;
	list-style-image : url(../..\images\bullet6.gif);
	line-height: 1.25em;
	font-size: 0.9em;
}
#aff li {
	margin : 0 0 5px 10px;
}
#sidenav {
	padding-bottom: 10px;
}
.sidenavtitle {
	padding: 5px;
	font-weight: bold;
	background: #f0f4f6 url(../..\images\whitespace.gif) no-repeat right;
}
#sidenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#sidenav li {
	border-bottom: 1px solid #ced8df;
	border-right: 1px solid #ced8df;
	margin: 2px;
	padding-left: 15px;
	background: #fff url(../..\images\bullet4.gif) no-repeat left;
}
#sidenav li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	text-decoration: none;
}
#sidenav li a:hover {
	border-right: 5px solid #ced8df;
	background-color: #FFF;
	color: #5c6b7b;
}
#code_of_ethics {
	color: #5c6b7b;
	font-size: 90%;
	margin-top: 50px;
	text-align: center;
	background-color: #fff;
}

/* Misc */
#awards {
	background: url(../..\images\awards.gif) no-repeat 0px 36px;
	width: 194px;
	height: 115px;
	padding: 10px 0px 0px 10px;
	margin: 10px 0px 0px 10px;
}

#awards h3 {
	padding-left: 10px;
}

.note {
	background: url(../..\images\note.gif) #FFFFED no-repeat 8px 8px;
	padding: 6px 26px;
	margin: 5px 0;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
.icons {
	position: relative;
	font-size: 11px;
	margin-top: 8px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #fff;
	border-bottom: 1px solid #DEE1E5; 
}
.icons img {
	position: absolute;
}
.icons p {
	margin-left: 40px;
}
.icons p a {
	font-weight: bold;
}
#uptimechart {
	float: left;
	width: 197px;
	height: 104px;
	display: inline;
	background-image: url(../..\images\uptime.png);
	margin: 5px 10px 5px 2px;
}
#mbgx {
	float: left;
	width: 100px;
	height: 96px;
	display: inline;
	background-image: url(../..\images\60daysmbg.gif);
	margin: 0 5px 5px 2px;
}

#client_text {
	text-align: left;
	padding-left: 16px;
	margin: 28px 0 0 7px;
}
#client_text .sitename {
	color: #8b98a9;
	text-align: right;
}
#client_text .cname {
	color: #d77e00;
	font-weight: bold;
	text-align: right;
	padding-top: 10px;
}
#client_text .quotetext {
	font-size: 12px;
}
#client_text .testimonials_t {
	width: 185px;
	padding: 5px 0 0;
	margin-bottom: 8px;
	background: url(../..\images\testimonial_top2.gif) no-repeat left top;
}
#client_text .testimonials_b {
	width: 185px;
	margin: 0;
	background: url(../..\images\testimonial_bot2.gif) no-repeat left bottom;
	padding: 0 0 15px;
}
#client_text .testimonials_m {
	background: url(../..\images\testimonial_mid2.gif) repeat-y left top;
	padding: 5px 10px 0;
}
#client_text .testimonial_txt {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #5c6b7b;
	line-height: 16px;
	padding-top: 10px;
}
#client_text h3 {
	background: url(../..\images\bullet3.gif) no-repeat center right;
	padding-right: 15px;
	font-size: 13px;
}

#clientquote {
	float: left;
	text-align: left;
}
#clientquote .sitename {
	color: #8b98a9;
	text-align: right;
}
#clientquote .cname {
	color: #d77e00;
	font-weight: bold;
	text-align: right;
	padding-top: 10px;
}
#clientquote .quotetext {
	font-size: 12px;
}
#clientquote .testimonials_t {
	width: 209px;
	padding: 5px 0 0;
	margin-bottom: 8px;
	background: url(../..\images\testimonial_top.gif) no-repeat left top;
}
#clientquote .testimonials_b {
	width: 209px;
	margin: 0;
	background: url(../..\images\testimonial_bot.gif) no-repeat left bottom;
	padding: 0 0 15px;
}
#clientquote .testimonials_m {
	background: url(../..\images\testimonial_mid.gif) repeat-y left top;
	padding: 5px 10px 0;
}
#clientquote .testimonial_txt {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #5c6b7b;
	line-height: 16px;
	padding-top: 10px;
}
#clientquote h3 {
	background: url(../..\images\bullet3.gif) no-repeat center right;
	padding-right: 15px;
	font-size: 13px;
}
#printPage {
	background: #FFFFFF url(../..\images\printpage.gif) repeat-x top left;
	margin: 0;
	padding: 0;
}
.bullet2 ul {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 6px;
	list-style-type: square;
	list-style-image: url(../..\images\bullet2.gif);
	line-height: 1.25em;
}
.bullet2 li {
	margin: 0 0 2px 10px;
	padding: 2px;
}
#bullet5 {
	padding-left: 25px;
}
#bullet5 ul {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 6px;
	list-style-type: square;
	list-style-image: url(../..\images\bullet5.gif);
	line-height: 1.2em;
}
#bullet5 li {
	font-size: 90%;
	margin: 0 0 2px 10px;
}
.bullet7 {
	font-size: 11px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.bullet7 ul {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 6px;
	list-style-type: square;
	list-style-image: url(../..\images\bullet7.gif);
	line-height: 1.2em;
}
.bullet7 li {
	margin: 0 0 2px 0;
}
.bullet5a {
	padding-left: 10px;
}
.bullet5a ul {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 6px;
	list-style-type: square;
	list-style-image: url(../..\images\bullet5.gif);
	line-height: 1.2em;
}
.bullet5a li {
	margin: 0 0 2px 10px;
}
.bullet-small {
	margin: 15px 0 10px 10px;
	padding: 0 0 0 6px;
	list-style-type: square;
	list-style-image: url(../..\images\bullet-99.gif);
	line-height: 1.2em;
}
.bullet-small li {
	margin: 5px 0 0 5px;
	padding: 0 0 0 3px;
}
.planbullet {
	font-size: 90%;
	padding-left: 19px;
	padding-bottom: 15px;
}
.planbullet ul {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 6px;
	list-style-type: square;
	list-style-image: url(../..\images\bullet8.gif);
	line-height: 1.2em;
}
.planbullet li {
	margin: 0 0 5px 0;
}
.planborder {
	padding: 6px;
	border-right: 1px solid #ced8df;
	border-bottom: 1px solid #ced8df;
}
#code_of_ethics {
	font-size: 90%;
	margin-top: 50px;
	text-align: center;
}
.mail {
	float: left;
	background: #f0f4f6 url(../..\images\mailbullet.gif) no-repeat 5px;
	padding: 5px 30px 5px 25px;
	margin: 2px;
	font-size: 90%;
	width: 150px;
	border-right: 1px solid #ced8df;
	border-bottom: 1px solid #ced8df;
	font-weight: normal;
}
#right_content_helpful_links {
	padding-left: 22px;
	margin: 28px 0 0 7px;
	font-weight: normal;
}
#right_content_helpful_links ul {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 6px;
	list-style-type: square;
	list-style-image: url(../..\images\bullet6.gif);
	line-height: 1.25em;
	font-size: 1.1em;
}
#right_content_helpful_links li {
	margin: 0 0 5px 10px;
}
#helpful_links {
	float: left;
}
#helpful_links ul {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 6px;
	list-style-type: square;
	list-style-image: url(../..\images\bullet6.gif);
	line-height: 1.25em;
	font-size: 1.1em;
}
#helpful_links li {
	margin: 0 0 3px 10px;
}
.box_helpt {
	float: right;
	width: 202px;
	padding: 5px 0 0;
	margin-bottom: 10px;
	background: #f3f8fe url(../..\images\b_top_blue.gif) no-repeat left top;
}
.box_helpb {
	background: url(../..\images\b_bottom_blue.gif) no-repeat left bottom;
	padding: 0 0 5px;
}
.box_help {
	background: url(../..\images\b_middle_blue.gif) repeat-y left top;
	padding: 0 10px 0;
	text-align: center;
}
.box_help h3 {
	color: #5191d4;
}
.topnum {
	color : #5393d4;
	font: 2em "Trebuchet MS", "Lucida Grande", Helvetica, Verdana, sans-serif;
	text-align: center;
}

A.moreinfo, A.moreinfo:active, A.moreinfo:visited {
	color: #fff; text-decoration: none;
}
A.moreinfo:hover {
	color: #fff; text-decoration: none; cursor: HELP;
}
A.btnsubmit {
	color: #4183cd;
	background-image: url(../..\images\btnsubmit.gif);
	display: block;
	text-align: left;
	width: 98px;
	height: 23px;
	padding-top: 2px;
	padding-left: 8px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
}
A.btnsubmit:hover {
	background-image: url(../..\images\btnhover.gif);
}
A.btnsubmit2 {
	color: #5c6b7b;
	background-image: url(../..\images\s2button.gif);
	display: block;
	text-align: left;
	width: 67px;
	height: 23px;
	padding-top: 2px;
	padding-left: 8px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
}
A.btnsubmit2:hover {
	background-image: url(../..\images\s2button_hover.gif);
}

#dashboardicons {
	line-height: 14px;
}

#dashboardicons a:link {
	text-decoration: none;
}

#dashboardicons a:visited {
	text-decoration: none;
}

#dashboardicons a:active {
	text-decoration: none;
}

.know_box {
	border: 2px solid #f0f4f6;
	padding: 5px;
	margin-bottom: 15px;
}

#specialoffer {
	clear: both;
	margin: 3px 0 10px 0;
	padding: 8px;
	background: #f4f4f4;
	border-bottom: 1px solid #ccc;
}

#specialoffer .hlight {
	background-color: #FFFF99;
	border-right: 1px solid #d8d85e;
	border-bottom: 1px solid #d8d85e;
	padding: 2px;
	font-weight: bold;
}

/* ----------------------------------------
Footer
----------------------------------------- */
#bottom_left {
	background: url(../..\images\bl.gif) no-repeat bottom left;
}
#bottom_right {
	background: url(../..\images\br.gif) no-repeat bottom right;
}
#footer {
	background: url(../..\images\footer_shadow.gif) repeat-x bottom left;
	width: 772px;
	margin: 30px 0 0 0;
}
.btNav {
	border-top: 1px solid #eee;
	padding-top: 5px;
	padding-bottom: 30px;
}
.bLinks {
	padding-left: 10px;
	padding-top: 15px;
	font-size: 12px;
	float: left;
}
.bLinks2 {
	padding-top: 15px;
	padding-right: 10px;
	text-align: right;
}
.bLinks2 a {
	text-decoration: none;
}
.copyright {
	padding: 0 15px 15px 0;
	color: #99a4ac;
}
.trustE_logo {
	float: right;
	padding: 5px 35px 10px 0;
	color: #99a4ac;
}
.footer_about {
	color: #99a4ac;
	width: 740px;
	padding: 0px 0px 15px 15px;
	float: left;
}
.bbonline_logo {
	color: #99a4ac;
	padding: 0 47px 20px 0;
	float: right;
}
.footer_about a {
	color: #818d97;
	text-decoration: none;
}
.footer_about a:hover {
	background: none;
	text-decoration: underline;
}
.copyright a {
	color: #5c6b7b;
	text-decoration: underline;
}
.copyright a:hover {
	color: #4183cd;
	background: none;
	text-decoration: none;
}
#copyright {
	width: 772px;
	margin: auto;
	padding-left: 15px;
	background-color: #FFFFFF;
}

#typehosting {
	background: #dde6ed;
	width: 772px;
	margin: auto;
	padding-left: 15px;
	padding-bottom: 10px;
	text-align: center;
}

.typehosting {
	text-align: center;
}

.typehosting a {
	color: #5c6b7b;
	text-decoration: underline;
}
.typehosting a:hover {
	color: #4183cd;
	background: none;
	text-decoration: none;
}

and heres my index.html file:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">


<head>
<title>2ndWindHosting - Cheap, fast and reliable host for all</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Uk Web Hosting,web hosting, hosting, webhosting, web host, reseller hosting, reseller, dedicated servers, dedicated hosting, dedicated server,cpanel, whm , google checkout,nochex, " />
<meta name="description" content="We offer high quality web hosting, along with reseller hosting starting from only ?1.49 a month" />
<meta name="author" content="FastHost4u - hosting made easy" />
<meta name="robots" content="index,follow" />
<meta name="googlebot" content="index,follow" />
<meta name="verify-v1" content="WG0pv+YCMa/l3j29BEnT5fifqqwvwvqS8ev809A6d3o=" />
<link href="include\css\style.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="include\js\functions.js" type="text/javascript"></script>
<link rel="shortcut icon" href="favicon.ico" />
<style type="text/css">
#news {
	background: #f3f9ff;
	border: 1px solid #abcbf6;
	margin-left: 23px;
	width: 170px;
	font-weight: normal;
	padding: 7px;
	margin-bottom: 15px;
}
#news .title {
	color: #fff;
	background-color: #7EB6FF;
	padding: 2px;
	width: 167px;
}
#news h3 {
	color: #fff;
}
#news p {
	margin: 0px; 
	padding: 10px 0 0 0;
}
#news a {
	line-height: 16px; 
	color: #7399c3;
	text-decoration: none;
	border-bottom: 1px dotted #7399c3;
}
#news a:hover {
	color: #7399c3;
	text-decoration: none;
	border-bottom: 1px solid #5292d4;
}
body {
	background-image: url(bgcolorc.jpg);
}
.style8 {color: #FFFFFF; font-weight: bold; }
.style10 {font-family: "Trebuchet MS"}
.style11 {color: #3C3C3C}
.style12 {color: #3C3C3C; font-weight: bold; }
.style13 {color: #FFFFFF; }
</style>

</head>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-2080162-7");
pageTracker._trackPageview();
</script><body>
<div id="container">
  <div id="containerx">
	<div id="header">
		<div id="top_left">
			<div id="top_right">
				<div id="header_right">
					<div id="search">
						<div style="MARGIN-TOP: 0px; COLOR: #5c6b7b; MARGIN-RIGHT: 20px; TEXT-ALIGN: right">
						  <p>&nbsp;</p>
						  <p>&nbsp;</p>
						  <p><!-- http://www.LiveZilla.net Chat Button Link Code --><a href="javascript:void(window.open('http://2ndwindhosting.com/livezilla/livezilla.php','','width=600,height=550,left=0,top=0,resizable=yes,menubar=no,location=yes,status=yes,scrollbars=no'))"><img src="http://2ndwindhosting.com/livezilla/image.php?id=02" width="191" height="69" border="0" alt="LiveZilla Live Help" ></a><noscript><div><a href="http://2ndwindhosting.com/livezilla/livezilla.php" target="_blank">Start Live Help Chat</a></div></noscript><!-- http://www.LiveZilla.net Chat Button Link Code --><!-- http://www.LiveZilla.net Tracking Code --><div id="livezilla_tracking" style="DISPLAY: none"></div><script language="JavaScript" type="text/javascript"> var  script= document.createElement("script");script.type = "text/javascript";varsrc="http://2ndwindhosting.com/livezilla/server.php?request=track&output=jscript&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script>
<!-- http://www.LiveZilla.net Tracking Code -->
<p></p>
					  </div>
				  </div>
				</div>

				<div id="identity_outer">
					<div id="identity"></div>
			        <img height="101" src="images\logo.jpg" width="282" ></div>

				<div class="clr">
					<p><!-- Makes it Look Pretty --></p>
					<p>    </p>
				</div>
		  </div>
		</div>
	</div>
	<div id="mainMenu">
		<ul id="menuList">
		  <li><a title="Home" href="index.html">Home</a>
		  <li><a title="Web Hosting" href="webhosting.html" >Web Hosting</a>
		  <li>
		  <li><a title="Dedicated Servers" href="/clients" > Clients</a>
		  <li><a title="Aboutus" href="aboutus.html">About us</a>
          <li><a title="Aboutus" href="clients/domainchecker.php">Domain's</a>
          <li><a title="Contact us" href="contactus.html" >Contact us</a>
		<a href="/clients/register.php"> register with us</a></li>
	    </ul>
	</div>
	<div style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(images/top_nav_bg.gif) #5292d4 repeat-x left top; PADDING-BOTTOM: 7px; COLOR: #fff; PADDING-TOP: 7px; HEIGHT: 14px">
	  <div class="leftalign"><strong>2ndWindHosting </strong>- Cheap, Fast and reliable hosting for everyone		</div>
    </div>
  </div>
</div>

<table width="782" height="193" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="193" background="images\bannerr\banner21.gif">&nbsp;</td>
  </tr>
</table>
<table width="782" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td background="images\top_nav_bg.gif">&nbsp;</td>
  </tr>
</table>
<table width="782" height="194" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="102"><table width="100%" height="191" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="66%" height="191"><table width="100%" height="204" border="0" cellpadding="0" cellspacing="0" bordercolor="#7d7d7d">
          <tr>
            <td width="27%" height="204" bgcolor="#ffffff"><table width="100%" height="34" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="34"><img height="34" src ="images\New Folder\we.jpg" width=173 ></td>
              </tr>

            </table>
              <table width="100%" height="176" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style13"><strong>Latest Cpanel</strong></div></td>
                  </tr>
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style13"><strong>10GB Disk Space</strong></div></td>
                  </tr>
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style13"><strong>200 GB&nbsp;Data Transfer</strong></div></td>
                  </tr>
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style13"><strong>Host Unlimited Domain's</strong></div></td>
                  </tr>
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style8">Fantastico + Sitebuilder</div></td>
                  </tr>
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style13"><strong>Starting from $4.85 /mo</strong></div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style13"><a href="webhosting.html"><strong>READ MORE</strong></a></div></td>
                </tr>
              </table></td>
            <td width="39%" bgcolor="#ffffff"><table width="100%" height="34" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="34" background="images\bar123.gif"><div align="center"><img height="34" alt ="" src="images\New Folder\re.jpg" width=173 ></div></td>
              </tr>

            </table>
              <table width="100%" height="176" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td bgcolor="#000000" class="style8"><div align="center" class="style13">  Latest Cpanel</div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style8"><div align="center" class="style13">25 
                        GB Disk space</div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style8"><div align="center" class="style13">500 GB&nbsp;Data Transfer</div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style8"><div align="center" class="style13">Host Unlimited Domain's</div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style8"><div align="center" class="style13">
                    <div align="center">Fantastico + Sitebuilder</div>
                  </div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style8"><div align="center" class="style13"><strong>Starting from $7.85 /mo</strong></div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style12"><div align="center" class="style13"><a href="webhosting.html" >READ MORE</a></div></td>
                </tr>
              </table></td>
            <td width="34%" bgcolor="#ffffff"><table width="100%" height="34" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="34"><img height="34" src ="images\New Folder\di.jpg" width=173 ></td>
              </tr>

            </table>
              <table width="100%" height="176" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style8"><div align="center" class="style13">  Latest Cpanel</div>  </div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style8"><div align="center" class="style13">50&nbsp;GB Disk space</div> </div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style8"><div align="center" class="style13">500 GB&nbsp;Data Transfer</div> </div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style8"><div align="center" class="style13">Host Unlimited Domain's</div>
                  </div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style8">
                    <div align="center">Fantastico + Sitebuilder</div>  </div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center" class="style8"><div align="center" class="style13"><strong>Starting from $10.85 /mo</strong></div>  </div></td>
                </tr>
                <tr>
                  <td bgcolor="#000000" class="style11"><div align="center"><strong><a href="webhosting.html">READ MORE</a></strong></div></td>
                </tr>
              </table></td>
          </tr>
        </table></td>
        <td width="34%"><table width="100%" height="92" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="92" bgcolor="#5a7eb7"><img height="210" alt ="" src="images\New Folder\dell1.jpg" width=263 useMap=#Map border=0 ></td>
          </tr>
        </table></td>
        </tr>
    </table></td>
  </tr>
</table>
<div align="center"><a href="resellers.html"><img height="109" alt ="" src="images\New Folder\bvan2.jpg" width=782 ></a></div>
<table width="782" height="17" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#000000">&nbsp;</td>
  </tr>
</table>
<table width="782" height="25" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img height="40" src="images\footerbari.gif" width="782" ></td>
  </tr>
</table>
<p align="center"><span class="style10"><a href="privacy.html">Privacy Policy</a> | <a href="sitemap.html"> Site map</a> | <a href="contactus.html">Contactus</a>&nbsp;</span> <span class="style10">| <a href="/clients">Billing</a></span><br>
</p>
<table width="562" border="0" align="center" cellpadding="0" cellspacing="0" style="WIDTH: 562px; HEIGHT: 110px">
  <tr>
    <td width="143" height="45"><p>&nbsp;<!-- BEGIN WHD VOTE FOR US CODE HERE -->
      <p><!-- END WHD VOTE FOR US CODE HERE -->
  </p>
      <p></p>
<p>&nbsp;</p></td>
    <td width="507"><div align="center"><span class="style10">Copyright ? 2008&nbsp;2ndWindHosting,  All Rights Reserved.</span></div></td>
    <td width="90"><!-- BEGIN DSD VOTE FOR US CODE HERE --><!-- END DSD VOTE FOR US CODE HERE --></td>
  </tr>
</table>

<map name="Map" id="Map"><area shape="RECT" coords="183,134,236,176" href="dedicated.html" >
</map></body>


</html>

Heres the link to my site incase u need to take a look.
http://2ndwindhosting.com

Thanks,
Leon/rulebreaker

  • 3 Contributors
  • 2 Replies
  • 187 Views
  • 13 Hours Discussion Span
  • Latest Post Latest Post by MidiMagic

Recommended Answers

All 2 Replies

Member Avatar for buddylee17

Validate the page with the W3C. I'm sure you'll find several errors.

Member Avatar for MidiMagic

I found two the validation service won't find:

1. You have an 0px style value in your p tag style. This is invalid in Firefox, and causes the entire p tag style to be thrown away. There may be more of these.

2. You have size styles (width, height), and nonzero surrounding styles (margin, border, padding) in the same style or on the same tag. This causes size and placement errors, because IE wrongly nests them in the wrong order. FF and other browsers place the surrounding styles outside the defined size styles, as the W3C specifies. IE crams them inside the size styles.

The trick is to not use nonzero surrounding styles and size styles in the same tag. Nest two tags, with one style in each.

commented: Well spoted +12
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.