About-Forex.biz site's css and xhtml codes are validating.

But there is positioning differences among browsers: Internet Explorer, Firefox and Opera.

I am adding screenshots of the site for browsers.

And CSS code is below:

body {
 background: #ccc;
 font-family: arial, serif;
 margin: 15px 0 15px 0;
 text-align: center;
 color: #000;
 font-size: 85%;
}
legend {
 color: #fff;
 background: #093;
 font-size: 150%;
}
h1,h2,h3,h4,h5,h6 {
 font-variant: small-caps;
 font-family: georgia, "trebuchet ms", verdana, arial, serif;
}
h1 {
 border-bottom: 1px dotted #fff;
}
ul {
 list-style-type: square;
}

p, li, dl {
 line-height: 160%;
}
dt {
 font-variant: small-caps;
}
dd {
 border-left: 1px dotted #fff;
 padding-left: 5px
}
img.left-image {
 float:left;
 padding-right: 10px;
}
img.right-image {
 float:right;
 padding-left: 10px;
}
a {
 background: #fff;
 color: #093;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
#container {
 background: #fff;
 color: #000;
 margin: 0 auto;
 position: relative;
 text-align: left;
 width: 800px;
}
#header {
 background: #093 url(img/forex.jpg) no-repeat;
 height: 175px;
 text-align: center;
 width: 800px;
 color: #fff;
}
#header h1 {
 font-size: 350%;
 float: left;
 padding: 5px 0 0 10px;
 font-variant: normal;
 border: 0;
}
#header .second {
 font-size: 170%;
 font-style: italic;
 float: right;
 text-align: right;
 padding: 5px 10px 0 0;
 color: #fff;
 background: transparent;
}
#header a {
 background: transparent;
 color: #fff;
 font-family: "trebuchet ms", helvetica, verdana, arial, serif;
 text-decoration:none;
}
#header a:hover {
 background: transparent;
 color: #ff0;
}
.glossary {
 list-style: none;
}
.glossary li {
 display: inline;
 padding-left: 5px
}

#sidebar {
 float: left;
 width: 100px;
}
#sidebar ul {
 list-style: none;
 margin: 0;
}
#sidebar ul li {
 display: block;
 font-family: georgia, "trebuchet ms", verdana, arial, serif;
}
#sidebar a {
 background: #fff;
 border-bottom: 1px dotted #999;
 color: #999;
 display: block;
 font-weight: bold;
 padding: 2px 8px;
 text-decoration: none;
 width: 200px;
}
#sidebar a.active {
 background: #093;
 border-bottom: 1px solid #093;
 color: #fff;
}
#sidebar a.active:hover {
 background: #093;
 border-bottom: 1px solid #093;
 color: #fff;
}

#sidebar a:hover {
 background: #eee;
 border-bottom: 1px solid #eee;
 color: #093;
}
#content {
 float: right;
 padding: 18px;
 margin: 0;
 width: 548px;
 background: #093;
 color: #fff;
}
#content a {
 color: #fff;
 background: #093;
 border-bottom: 1px solid #fff;
 text-decoration: none;
}
#content a:hover {
 color: #ff0;
 background: #093;
 border-bottom: 1px solid #ff0;
 text-decoration: none;
}
#footer {
 background: #fff;
 clear: right;
 color: #000;
 margin: 0 auto;
 padding-bottom: 5px;
 padding-top: 0;
 text-align: right;
}
#footer p {
 padding: 10px;
 font-family: georgia, "trebuchet ms", arial, sans-serif;
}
#footer a {
 border-bottom: 1px dotted #093;
}
#footer a:hover {
 text-decoration: none; 
}

I want the site to be positioned like you see on Internet Explorer for all other browsers too.

Thanks to everyone who helps from now.

Forgot to add images sorry.

 margin:  0;
 padding:  0;

Put that for both your UL and LI tags in your CSS and you should be fine.

Originally Posted by ADAM Web Design

 margin:  0;
 padding:  0;

Put that for both your UL and LI tags in your CSS and you should be fine.

It worked, thank you so much.