Menu bar correct position in Mozilla but not in IE

  Awestruck 20:26 31 Jul 09
Locked

I am switching away from tables for layout, however I cannot centre menu in IE. OK in Mozilla and Opera. Can anyone spot the problem in the following code? Error is only 1cm but it is annoying.
?xml version="1.0"?>
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "click here">
html id="wrapper" xmlns="click here" xml:lang="en">
head>
title>Twocol Template Coly Computer Help /title>
the usual meta content goes here
link rel = "stylesheet" type = "text/css" href = "twocol.css">
/head>
body>
div id = "hdr"> br /> br /> br /> br /> br /> br />
span class="bigblue">Coly Computer Help /span>
dl id="hmenew">
dt class="hbtnew" style="height: 39px">
a title="Computer Jargon explained" href="glossary.php"> Jargon /a>  /dt>
dt class="hbtnew">
a title="Trouble shoot your computer" href="trouble.php"> Troubleshoot /a> /dt>
dt class="hbtnew">
a title="How to do things on your computer" href="howto.php"> How To... /a> /dt>
dt class="hbtnew"> a title="About this website" href="about.php"> About this site /a> /dt>
dt class="hbtnew">
a title="Send your content suggestion or a message" href="form.php"> Suggestion /a> /dt>
dt class="hbtnew">
a title="Donate to support this free website" href="donate.php"> Donation /a> /dt>
dt class="hbtnew">
a title="Return to the opening page" href="index.php"> Home Page /a>
/dt>
/dl>
/div>
!--Start of page printer-->
div>
form>
br />
input type="button" value="Print this page" onclick="window.print()" title="Print this page">
/form>
br />
/div>
!--End of page printer-->
h3>INSTALLING AVG 8.5 FREE  ANTI-VIRUS /h3>
div id = "leftcol">Left column br />Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text
Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text
p class="cntr"> img src="images/box.gif" width="150px" height="200px"> /p>
br /> br /> br /> br /> br /> br /> br /> br />
/div>
div id = "rightcol">Right column br />Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text
Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text Lots of text
p class="cntr"> img src="images/box.gif" width="150px" height="200px"> /p>
br /> br /> br /> br /> br /> br /> br /> br /> br />
/div>
div id = "ftr">Footer panel br />Add all the menu links here /div>
/body>
/html>

  Awestruck 20:28 31 Jul 09

Here is the CSS file
/*TWOCOL.CSS*/
/* set margins, padding, and inline-level content alignment */
/*position content at horizontal centre of screen for IE and Mozilla*/
#wrapper{
text-align:center; background-color:#D7FFEB; font-family: "Times New Roman"; font-size: medium; color: #000000; margin: auto; width:95%;
}
body, div {text-align:center; margin: auto; width:95%;}
/* set widths and float the columns */
#leftcol { float: left; width: 48%; padding:2px; text-align:left; }
#rightcol { float: right; width: 48%; padding:2px; text-align:left; }

/* ensure footer stays at the bottom */
#ftr { clear: both }

/* set header height and background image */
#hdr{ background-position:35% 20%; background-image:url('images/compbkgcrop.jpg'); background-repeat:no-repeat; height:210px; }

/*set footer colour temporarily for clarity only*/
#ftr { background: aqua }

/* Header image for the case when a background image is not used alter the size to suit*/
#hdrimg { width: 250px; height: 125px }

/* set the size and position of a particular image in a column */
/*#img1 { width: 150px; height: 200px; text-align:center; margin:auto; }*/

/*set horizontal menu and button general style*/
dl#hmenew {margin:auto; width:730px; height:40px; text-align:center;}
dt.hbtnew {display:block; margin-left:2px; float:left; text-align:center; padding:4px; }
/*set general anchor style to fill the container*/
dt.hbtnew a {display:block; text-decoration:none; color:white; background-color:#0080a0; font-weight:bold; padding:4px;}
/*mouseOut state (default)*/
dt.hbtnew a { background: #0080a0; border: 4px outset #AABAFF;}
/* mouseover state*/
dt.hbtnew a:hover { background: #0060a0; color:yellow; border: 4px outset #8ABAFF }
/* omousedown state*/
dt.hbtnew a:active { background:#ABCBFF; border: 4px inset #ABCBFF }
span.bigblue {padding-left: 8%; font-family:"Times New Roman"; font-size: 300%; color: #0080a0;; font-weight:bold}
/*set headings with no line space*/
h3, h4, h5, h6 { margin-top:0; margin-bottom:0; }
span.tiny {font-size: small;}
p.cntr {text-align:center; margin:auto;}
}
p.lft {text-align:left; align:left;
}
p.right {text-align:right;
}

This thread is now locked and can not be replied to.

Nintendo Switch review: Hands-on with the intuitive modular console and its disappointing games…

1995-2015: How technology has changed the world in 20 years

New Corel ParticleShop plugin now available: 11 new brushes & 6 new brush packs

Apple AirPods review: Apple's beautiful new Bluetooth headphones bring true intelligence to…