this the code in which i am getting a lot of errors...
1.Expanding Box problem
2.Guillotine bug
3.three pixel text jog
4.Float drop problem
5.floating non float problem
I got these errors when i ran browser compatibility
I am unable to understand the meaning of these...
index.html
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/footer.css" rel="stylesheet" type="text/css"/>
<link href="css/links.css" rel="stylesheet" type="text/css"/>
<title>Untitled Document</title>
<style type="text/css">
body{
background-color: #001;
padding:20px;
margin:0px;
}
#header {
width:935px;
margin: 0px;
border-top: none;
}
#content {
width:935px;
margin:0px;
border-top: none;
border-bottom:none;
}
#navbar{
width: 527px;
float:left;
clear:both;
padding-left:408px;
padding-bottom:0px;
margin: 0px;
}
#navbar ul li{
display:inline;
margin-right:0px;
float:left;
}
#center{
width:935px;
margin:0px;
float:left;
display: block;
clear: both;
}
#center ul {
margin:0px;
padding:0px;
}
#center li {
clear: both;
}
.centerbelow {
width:935px;
padding-left:2px;
}
.centerbelow ul li{
margin:0px 0px 0px 0px;
width: 303px;
display:inline;
float:left;
}
.centerbelow #cb1{
float:left;
font:Verdana, Geneva, sans-serif;
text-align:left;
background-image:url('images/thaispa1.jpg');
width: 303px;
height:166px;
color:#FFF;
}
.centerbelow #cb1 h3{
padding-left:10px;
padding-top:15px;
}
.centerbelow #cb1 h6{
padding-left:10px;
padding-top:15px;
text-align:justify;
}
.centerbelow #cb1 a{
color:#FFF;
text-decoration: none;
}
.centerbelow #cb2{
float:left;
font:Verdana, Geneva, sans-serif;
text-align:left;
background-image:url('images/thaifood1.jpg');
width: 313px;
height:166px;
color:#FFF;
}
.centerbelow #cb2 h3{
padding-left:10px;
padding-top:15px;
}
.centerbelow #cb2 h6{
padding-left:10px;
padding-top:15px;
}
.centerbelow #cb2 a{
color:#FFF;
text-decoration: none;
}
.centerbelow #cb3{
float:left;
font:Verdana, Geneva, sans-serif;
text-align:left;
background-image:url('images/thaiculture1.jpg');
width: 313px;
height:166px;
color:#FFF;
}
.centerbelow #cb3 h3{
padding-left:10px;
padding-top:15px;
}
.centerbelow #cb3 h6{
padding-left:10px;
padding-top:15px;
text-align:justify;
}
.centerbelow #cb3 a{
color:#FFF;
text-decoration: none;
}
#remains {
width:935px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left:0px;
}
#remains li {
margin-top:0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
}
#bottom{
margin:0;
float:left;
clear:both;
}
#bottom ul li{
margin-top:0px;
margin-right:0px;
float:left;
}
p, h1, h2, h3, h4, h5, h6, ul, li, div,tr,td{
margin:0px;
padding:0px;
}
li {list-style-type:none;}
</style>
</head>
<body>
<div align="center">
<div id="header" align="center">
<div id="navbar" >
<ul>
<li><a href=""><img src="images/Home.jpg" alt="home" width="49" height="16" border="0"/></a></li>
<li><a href=""><img src="images/come.jpg" alt="come" width="51" height="16" border="0" /></a></li>
<li><a href=""><img src="images/Beaches.jpg" alt="beaches" width="61" height="16" border="0" /></a></li>
<li><a href=""><img src="images/Bambkok.jpg" alt="bangkok" width="68" height="16" border="0"/></a></li>
<li><a href=""><img src="images/Artculture.jpg" alt="art and culture" width="89" height="16" border="0"/></a></li>
<li><a href=""><img src="images/taste.jpg" alt="taste" width="56" height="16" border="0" /></a></li>
<li><a href=""><img src="images/Experience.jpg" alt="experience" width="74" height="16" border="0"/></a></li>
<li><a href=""><img src="images/Relaxation.jpg" alt="relaxation" width="74" height="16" border="0"/></a></li>
</ul>
</div>
</div>
<div id="content" align="center">
<div id="center" >
<ul>
<li><img src="images/Beachcenter.jpg" alt="centre" width="930" height="488" /></li>
</ul>
</div>
<div class="centerbelow">
<div id="cb1">
<a href="thailandtourism.html"> <h3> Thai Spa </h3>
<h6> A must for many visitors in Sukhothai <br/> National Park , one of thailands six <br/> UNESCO World Heritage Sites. In 1292 <br/> Sukhothai which means 'Dawn of </h6></a>
</div>
<div id="cb2" >
<a href="thailandtourism.html"><h3> Thai Food </h3>
<h6>One of thailands six UNESCO<br/> World Heritage Sites.In 1292 Sukho-<br/>thai, which means 'Dawn of Happi-<br/>ness',became the first capital of </h6></a>
</div>
<div id="cb3">
<a href="thailandtourism.html"> <h3> Thai Culture </h3>
<h6>Thailands six UNESCO World<br/> Heritage Sites.In 1292 Sukho-<br/>thai which means 'Dawn of <br/>Happiness',became the first<br/> capital of Siam.It was here that<br/>King Ramakamhaeng created.</h6></a>
</div>
</div>
<div id="remains">
<ul>
<li><img src="images/remains.jpg" alt="base" width="930" height="24" hspace="0" vspace="0" border="0" /></li>
</ul>
</div>
<div class="links">
<table width="232" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="thailand tableC.html"><img src="images/weather1.jpg" alt="weather" width="232" height="85" hspace="16" border="0" vspace="0" /></a></td>
</tr>
<tr>
<td><a href="thailand tableC.html"><img src="images/tourtips.jpg" alt="tour" width="232" height="77" hspace="16" border="0" vspace="0" /></a></td>
</tr>
<tr>
<td><a href="thailand tableC.html"><img src="images/newsletter.jpg" alt="news" width="232" height="64" hspace="16"border="0" vspace="0" /></a></td>
</tr>
<tr>
<td><a href="thailand tableC.html"><img src="images/hotelbooking.jpg" alt="hotel" width="232" height="66" hspace="16" border="0" vspace="0"/></a></td>
</tr>
</table>
<div id="general">A must for many visitors in Sukhothai National Park,one of thailands six UNESCO World Heritage Sites.In 1292 Sukhothai<br/>
which means 'Dawn of Happiness',became the first capital of Siam.It was heared that KingRamakamhaeng created the first <br/>Thai alphabet in 1283.</div>
<div id="links_col1">
<ul>
<div id="links1" >
<li> <a href="">col1</a></li>
</div>
<div id="links1" >
<li> <a href="">visitors in Sukhothai</a></li>
</div>
<div id="links1" >
<li> <a href="">National Park one of</a></li>
</div>
<div id="links1" >
<li> <a href="">Thailand's six</a></li>
</div>
<div id="links1" >
<li><a href="">UNESCO world</a></li>
</div>
<div id="links1" >
<li><a href="">Visitors in Sukhothai</a></li>
</div>
<div id="links1" >
<li> <a href="tableC.html">National park one of</a></li>
</div>
</ul>
</div>
<div id="links_col2">
<div id="links2" >
<li> <a href="">col2</a></li>
</div>
<div id="links2" >
<li><a href="">Sukhothai</a></li>
</div>
<div id="links2" >
<li><a href="">National park one of</a></li>
</div>
<div id="links2" >
<li> <a href="">Thailand's six</a></li>
</div>
<div id="links2" >
<li> <a href="">World</a></li>
</div>
<div id="links2" >
<li> <a href="">Visitors in Sukhothai</a></li>
</div>
<div id="links2" >
<li> <a href="">National park one of<br /> Visitors in Sukhothai</a></li>
</div>
<div id="links2" >
<li> <a href="">National park one of</a></li>
</div>
</div>
<div id="links_col3">
<div id="links3" >
<li> <a href="">col3</a></li>
</div>
<div id="links3">
<li> <a href="">Sukhothai</a></li>
</div>
<div id="links3">
<li> <a href="">National park one of</a></li>
</div>
<div id="links3">
<li> <a href="">Thailand's six</a></li>
</div>
<div id="links3">
<li> <a href="">World</a></li>
</div>
</div>
<div id="links_col4">
<div id="links4" >
<li><a href="">col4</a></li>
</div>
<div id="links4" >
<li> <a href="">Sukhothai</a></li>
</div>
<div id="links4">
<li><a href="">National park one of</a></li>
</div>
<div id="links4" >
<li> <a href="">Thailand's six</a></li>
</div>
<div id="links4" >
<li> <a href="">World</a></li>
</div>
<div id="links4" >
<li> <a href="">Visitors in Sukhothai</a></li>
</div>
<div id="links4" >
<li> <a href="">National park one of<br /> Visitors in Sukhothai</a></li>
</div>
<div id="links4">
<li><a href="">National park one of</a></li>
</div>
</div>
</div>
</div>
<div class="footerr" align="center">
<div id="footer">
<ul>
<li><img src="images/footer.jpg" width="932" height="163" alt="footer" hspace="0" border="0" vspace="0" /></li>
</ul>
</div>
<div id="footer1">
<p>@Copyright Thailand Tourism.<span class="footer2">Design By Manish</span> <a href="#">HOME</a> | <a href="#">ABOUT US</a> | <a href="#">SERVICES</a> | <a href="#">PARTNERS</a> | <a href="#">SUPPORT</a> | <a href="#">NEWS & EVENTS</a> | <a href="#">CONTACTS</a></p>
</div>
</div>
</div>
</body>
links.css is below
@charset "utf-8";
/* CSS Document */
.links{
width:935px;
height:340px;
background:#FFF;
margin-top:5px;
clear:both;
}
.links #general{
padding-left:305px;
padding-top:50px;
font-family:Lucida Sans Unicode,Arial,Helvetica,sans-serif;
font-size:0.588em;
text-align:left;
color:#903;
}
.links #links_col1{
float:left;
margin-top:20px;
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
display:block;
text-align:left;
}
.links #links_col1 ul {
margin: 0px;
padding:0px;
list-style: none;
}
.links #links_col1 li {
margin: 0px 0px 0px 0px;
padding-bottom:1px;
}
.links #links_col1 li ul {
margin: 0px;
}
.links #links_col1 a{
font-family:Lucida Sans Unicode,Arial,Helvetica,sans-serif;
font-size:0.508em;
padding:0 0 0 10px;
text-decoration: none;
margin-right:20px;
text-transform: uppercase;
background:transparent url(../images/trio.jpg) 2px 4px no-repeat;
}
.links #links_col1 a:hover {
color: #000;
text-decoration: underline;
}
.links #links_col2{
float:left;
margin-top:20px;
margin-left:12px;
margin-right:13px;
display:block;
text-align:left;
}
.links #links_col2 ul {
margin: 0;
padding:0px;
list-style: none;
}
.links #links_col2 li {
margin: 0px 0px 0px 0px;
padding-bottom:1px;
}
.links #links_col2 li ul {
margin: 0px;
}
.links #links_col2 a{
font-family:Lucida Sans Unicode,Arial,Helvetica,sans-serif;
font-size:0.508em;
padding:0 0 0 10px;
text-decoration: none;
text-transform: uppercase;
background:transparent url(../images/trio.jpg) 2px 4px no-repeat;
}
.links #links_col2 a:hover {
color: #000;
text-decoration: underline;
}
.links #links_col3{
float:left;
margin-top:20px;
margin-left:12px;
margin-right:13px;
margin-bottom:20px;
display:block;
text-align:left;
}
.links #links_col3 ul {
margin: 0;
padding:0px;
list-style: none;
}
.links #links_col3 li {
margin: 0px 0px 0px 0px;
padding-bottom:1px;
}
.links #links_col3 li ul {
margin: 0px;
}
.links #links_col3 a{
font-family:Lucida Sans Unicode,Arial,Helvetica,sans-serif;
font-size:0.508em;
padding:0 0 0 10px;
text-decoration: none;
text-transform: uppercase;
background:transparent url(../images/trio.jpg) 2px 4px no-repeat;
}
.links #links_col3 a:hover {
color: #FFF;
text-decoration: underline;
}
.links #links_col4{
float:left;
margin-top:20px;
margin-left:12px;
margin-right:13px;
display:block;
text-align:left;
}
.links #links_col4 ul {
margin: 0;
padding:0px;
list-style: none;
}
.links #links_col4 li {
margin: 0px 0px 0px 0px;
padding-bottom:1px;
}
.links #links_col4 li ul {
margin: 0px;
}
.links #links_col4 a{
font-family:Lucida Sans Unicode,Arial,Helvetica,sans-serif;
font-size:0.508em;
padding:0 0 0 10px;
text-decoration: none;
text-transform: uppercase;
margin-bottom:80px;
background:transparent url(../images/trio.jpg) 2px 4px no-repeat;
}
.links #links_col4 a:hover {
color:#000;
text-decoration: underline;
}
.links table{
margin:0;
float:left;
clear:both;
margin-left:16px;
margin-top:43px;
}
.links #basic ul li{
margin-right:0px;
float:left;
}
footer.css is below
@charset "utf-8";
/* CSS Document */
.footerr {
width:935px;
margin: 0px;
border-top: none;
}
#footer {
width:935px;
margin: 0px;
border-top: none;
}
#footer ul {
margin:0px;
padding:0px;
}
#footer li {
margin:0px
}
#footer1{
width:935px;
color: #FFF;
}
#footer1 p {
margin: 0;
padding: 20px 0px 0px 0px;
font-size: 10px;
text-align: left;
color:#FFF;
}
#footer1 a{
font-family:Lucida Sans Unicode,Arial,Helvetica,sans-serif;
font-size:0.888em;
text-decoration: none;
}
#footer1 a:hover {
color: #FFF;
text-decoration: underline;
}
.footer2 {
color:#090;
}
help me out.....