Hello,

I used mediawiki for several years before deciding to switch on my own creation and css/php .

I have currently a problem with my main page.
( www.starwarsdatabase.be/index.php )

With Internet explorer 9 64 bits, everything is right ,
with Internet explorer 9 classic , i have the red border around the website that ends at the end of my right side div instead of ending at the end of the left side div which is the longest one.
The same problem with Firefox.

I've tried float, clear, position for the body, content and rightcolumn divs with no success.

Please let me know if you find something there to help me .

Here is the code of my main.css :

Code:
body {
	background-color:#070F25;
	border:thin solid red;
	width:985px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFF33;
	font-size:20px;
	font-weight:bold;
}

/*Style pour le menu*/

ul#menu {
	list-style-type: none;
	background-image: url(imgdesign/button.png);
	height: 40px;
	width: 940px;
	text-align:center;
	background-position: center;
	margin: auto;
}

li {
          display: inline;


}

ul a {
	padding-right: 22px;
	padding-left:6px;
	display: inline-block;
	line-height: 40px;
    text-align: center;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #FF0;
	font-weight: bold;
}

ul a:hover {
	color: Red;
}

/*Style pour la colonne de gauche*/

#content {
	width:595px;
	margin-top:1px;
	margin-bottom:0px;
	padding-top:10px;
	margin-left:4px;
	float:left;
}

/*Style pour la colonne de droite*/

#rightcolumn {
	width:370px;
	margin-top:1px;
	margin-left:605px;
	padding-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-style:normal;
	font-variant:small-caps;
	font-weight:bold;
	text-transform:none;
	color:#F00;
	text-decoration:underline;
	line-height:40px;
	float:none;
	clear:right;
}

/*Style pour le compteur*/

#counter {
	text-align:left;
	font-size:10px;
	margin-left:5px;
	margin-bottom:2px;
}

/*Style pour les images*/

img {
	border:none;
}

/*Style pour update archive*/

#archive {
	width:650px;
	margin-left:auto;
	margin-right:auto;
}

/*Style pour le rectangle de couleur rouge au-dessus des news et des menus de droite*/

#newsheader {
	background-color: #DD2222;
	font-size: 1px;
	height: 8px;
	border: 1px solid #1a3cdc;
	-moz-border-radius-topright: 0.5em;
	-moz-border-radius-topleft: 0.5em;
}

/*Style pour le titre et l'image de la news*/

#news {
	border: 1px solid #1a3cdc;
	border-top: none;
	padding: 5px 5px 0 5px;
	margin-bottom: 4ex;
	text-align:center;
	font-size:15px;
}

/*Style pour le texte de description de la news*/

#newstext {
	font-size:12px;
}

/*Style pour le cadre extérieur stock guide*/

#stock {
	width:970px;
	height:152px;
	border-style: solid;
	border-width: 1px;
	border-color: #1a3cdc;
	margin-left: auto;
	margin-right: auto;
}

/*Style pour le cadre du stock number*/

#stock1 {
	width:205px;
	height:152px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #1a3cdc;
	background-color: black;
	float: left;
}

/*Style pour le cadre description stock number*/

#stock2 {
	width:550px;
	height:152px;
	float:left;
}

/*Style pour l'image du stock guide*/

#stock3 {
	width:205px;
	height:152px;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color: #1a3cdc;
	background-color: #070f25;
	float: right;
}

/*Style pour le texte de description du stock guide 1 ligne*/

.pstock1l {
	text-align:left;
    font-size:16px;
	font-weight:100;
	color:#F00;
	margin-top:20px;
	margin-left:5px;
	line-height:22px;
}

/*Style pour le texte de description du stock guide 2 lignes*/

.pstock2l {
	text-align:left;
    font-size:16px;
	font-weight:100;
	color:#F00;
	margin-top:8px;
	margin-left:5px;
	line-height:22px;
}

/*Style pour le cadre extérieur accessory guide*/

#accguide {
	width:978px;
	height:196px;
	border-width:1px;
	border-color:#1a3cdc;
	border-style:solid;
	margin-left:auto;
	margin-right:auto;
}

/*Style pour le cadre de l'accessoire accessory guide*/

#accessory {
	width: 400px;
	height: 190px;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
	text-align: center;
	border-width: 1px;
	border-color: #1a3cdc;
	border-style: solid;
	font-variant: small-caps;
	font-family: Verdana, Geneva, sans-serif;
	color: #0F6;
	font-size:10px;
}

/*Style pour le cadre de la figurine accessory guide*/

#accfigure {
	width:190px;
	height: 190px;
	float:left;
	margin-top:2px;
	margin-left:5px;
	text-align:center;
	border-width:1px;
	border-color:#1a3cdc;
	border-style:solid;
}

/*Style pour le cadre de la collection accessory guide*/

#accline {
	width: 362px;
	height: 190px;
	text-align:center;
	margin-left:5px;
	margin-top:2px;
	border-width:1px;
	border-color:#1a3cdc;
	border-style:solid;
	float:left;
	font-variant: small-caps;
	font-family: Verdana, Geneva, sans-serif;
	color: #0F6;
	font-size:10px;
}

#footer {
	position: absolute;
	font-size: 10px;
	margin-top:4px;
	margin-bottom:8px;
	color: #dd2222;
	margin-left: 5px;
	height: 20px;
	clear:left;
}

.pfocusname { 
	font-size:14px;
	margin-left:15px;
	color: #09F;
}
and the code of my index.php :

Code:
<!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>
<script src="images/jquery-1.7.2.min.js"></script>
<script src="images/lightbox.js"></script>
<link rel="stylesheet" href="images/lightbox.css" />
<link rel="stylesheet" href="main.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Star Wars Database.be</title>
</head>

<body>
<?php include("header.php"); ?>
<div id="content">
<?php include("news/news090312.php"); ?>
<?php include("news/news082012b.php"); ?>
<?php include("news/news082012.php"); ?>
<?php include("news/news081512.php"); ?>
<?php include("news/news080412c.php"); ?>
<?php include("news/news080412b.php"); ?>
<?php include("news/news080412.php"); ?>
<?php include("news/news070112.php"); ?>
</div>
	<div id="rightcolumn" style="text-align:center">
		<div id="newsheader">		
	    </div>
		<div style="border:1px solid #1A3CDC;border-top:0px solid white;padding:1px 5px 0 1px;margin-bottom:4ex;background-color:#070F25;">
		Special Features
			<div>
			<a href="/lexicon.php" > <img src="imgdesign/bannierelexicon.jpg" width="365" /></a>
			<a href="/accessoriesguide.php" > <img src="imgdesign/Banniereaccessoriessguide.jpg" width="365" /></a>
			<a href="/Kennerstockguide.php" > <img src="imgdesign/Bannierestockguide.jpg" width="365" /></a>
			Vintage Cardback Guide
			<a href="" > <img src="imgdesign/Bannierevintageinstructions.jpg" width="365" /></a>
			</div>
	    </div>
    	<div id="newsheader">	
	    </div>
		<div style="border:1px solid #1A3CDC;border-top:0px solid white;padding:1px 5px 0 1px;margin-bottom:4ex;background-color:#070F25">
		Action Figures Database
			<div>
			<a href="" > <img src="imgdesign/Bannervintage.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/BannerPOTF2Red.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/BannerSOTE.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/BannerPOTF2Green.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/BannerEU.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/BannerPOTF2FF.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/Bannerflashback.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/Bannerep1.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/Bannerpotj.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/Bannersaga.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/BannerCloneWars.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/BannerOTC.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/BannerROTS.jpg" width="365" /></a>
			<a href="" > <img src="imgdesign/BannerTSC.png" width="365" /></a>
			<a href="" > <img src="imgdesign/Banner30th.png" width="365" /></a>
			<a href="" > <img src="imgdesign/BannerLegacy.png" width="365" /></a>
			<a href="" > <img src="imgdesign/BannerTCW.png" width="365" /></a>
			<a href="" > <img src="imgdesign/BannerTVC.jpg" width="365" /></a>
	  		<a href="" > <img src="imgdesign/BannerMH.png" width="365" /></a>
			</div>
		</div>
	<div id="newsheader">
	</div>
	<div style="border:1px solid #1A3CDC;border-top:0px solid white;padding:1px 5px 0 1px;margin-bottom:4ex;background-color:#070F25">
	The Expanded Universe
		<div style="text-align:left">
		<a href="" > <img src="imgdesign/BannerAttakus.jpg" width="365" /></a>
		Code 3 Collectibles
		<a href="" > <img src="imgdesign/BannerGG.jpg" width="365" /></a>
		Lego
		<a href="" > <img src="imgdesign/BannerMR.jpg" width="365" /></a>
		<a href="" > <img src="imgdesign/Bannersideshow.png" width="365" /></a>
		</div>
	</div>
</div>
<div id="footer">
This page was last modified on 03 September 2012, at 21:27 CET. This page has been accessed <?php echo $clicks; ?> times.
</div>

</body>
</html>
Many thanks for your help.