ie padding problem

[adsalamon]

hello. i have a div with some text in it but ie is adding padding where it shouldnt be: here is my css for main stuff

*{margin:0; padding:0}
html{
height:100%;
margin:0px;
padding:0px;
}
body {
background-color: #000;
text-align: center;
margin:0px;
padding:0px;
height:100%;
}

#container {
position: relative;
background: #9cf;
margin:0 auto;
padding: 0px;
width: 650px;
min-height:100%;
height:auto;
border:1px solid;
}
/* hide from Mac IE5 \*/
* html #container {
height: 1%;
}
/* END hide from Mac IE5 */


#tudormenu{
width:600px;
background-image: url(tudortitle.gif);
background-repeat: no-repeat;
background-position:top center;
height:200px;
margin: 0 auto;
margin-top:40px;
}
#contenttudor{
background:url(scroll.jpg) no-repeat;
width:600px;
height:800px;
margin: 0 auto;
margin-top:20px;
margin-bottom:20px;
}
#tudortext{
position:relative;
width:520px;
padding:0;
display:inline;
float:left;
margin-left:70px;
margin-top:60px;
border:1px solid red;
}

an example with borders is shown
here http://www.oxtongue.co.uk/ihate/robin/tudor.html

HELP! lol cheers

Adrian

[ukgeoff]

Before looking too deep into anything else, get rid of this line from the top of your code.

Code: Select all

<?xml version="1.0" encoding="utf-8"?>

It is not required by the rules and it throws IE into quirks mode. It has been known to effect even otherwise well behaved browsers.