forkert placering af elementer i firefox

* {margin: 0; padding: 0;}
body {
position:absolute;
top: 450px;
width: 850px;
left: 50%;
margin: -425px;

font: Verdana,Tahoma, Arial;
text-align: center;
}

div#header {
position: relative;
width: 850px;
height: 150px;
background: url(images/header2.png) no-repeat;
}

div#header h1 {
z-index: 3;
top: 0;
width: 485px;
height: 82px;
background: url(images/logo1.png) no-repeat;
text-indent: -9999px;
}
div#header h2 {
z-index: 2;
height: 60px;
width: 574px;
background: url(images/tagline.png) no-repeat;
text-indent: -9999px;
}


#navcontainer
{
width: 100%;
float: left;
background-color: #336699;
}


#navcontainer ul li { display: inline; }

#navcontainer ul{
padding: 0 0 0 2%;
color: #FFFFFF;

letter-spacing: 1px;
}

#navcontainer ul li a
{
color: #FFFFFF;
text-decoration: none;
background: #336699;
text-align: left;
font: normal 10px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
padding: 0.2em 12px;


text-decoration: none;
float: left;
border-right: 1px solid #CC3366;
}

#navlist li a:hover, #navlist li a:active
{
background-color: #003366;
color: #FFFFFF;
font: bold;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: 11px;
}

#navcontainer ul li a:hover
{
background-color: #FF3366;
color: #FFFFFF;
}


div#content{
background-color: #99CCCC;
width: 100%;
overflow: auto;
}

div#content_main {
float: left;
width: 75%;
font: normal 12px verdana, lucida, arial, helvetica, sans-serif;
background: #99CCCC;
text-align: left;

}
div#content_main h2 {
z-index: 3;
top: 0;
width: 339px;
height: 43px;
background: url(images/velkommen.png) no-repeat;
text-indent: -9999px;

}
div#content_main p{
padding: 10px;}

img {
float: right;
padding 5px;
}

div#content_news {
color: #003366;
padding: 5px 10px 5px 15px;
float: right;
width 25%;
font: 11px tahoma, verdana, lucida, arial, helvetica, sans-serif;
background: #FFFFFF;
text-align: left;
margin: 10px;
border: 5px double #FF3366;
}

div#content_news h3 {
top: 0;
text-indent: -9999px;
background: url(images/nyheder.png) no-repeat;
width: 101px;
height: 41px;
}

div#footer{
color: #000000;
font: bold 11px tahoma, verdana, arial, sans-serif;
padding: 5px;
position: relative;
width: 850px;
height: 46px;
background: url(images/footer.png) no-repeat;
}
/* Formular */
label, label span { display: block; padding-bottom: .25em; }
label {float: left; }
label span {float: left; text-align: right;}
fieldset input {float: right; border: 1 px solid #336699;}
fieldset input:hover {border-color: #003366;}
fieldset input:active, input:focus {border-color: #99CCCC;}
fieldset {
float: left;
width:380px;
height: 120px;
margin: 0 20px 10px 0;
padding: 20px;
border: 1px solid #FF3366;
overflow: hidden;
}

Vi skal se din side..

umiddelbart ser dit css noget weird ud :)

Positionere body absolut ????-)

-- brug altid et indre element til centrering og brug så:

<body>
<div id="site">

  <!-- Dit indhold -->

</div>
</body>

-- og brug så:

...
body {
top: 450px;

font-family: Verdana,Tahoma, Arial, sans-serif;
text-align: center;
}
#site{
  position:relative;
  width:850px;
  margin: 0 auto;
}
...

siden kan ses her: http://www.itu.dk/people/csn/webdesign/website/

filføj en clear:both; til din div#content

lifo - det hjalp! Men der er stadig et problem i firefox. "Nyhedsboksen" ligger nedenunder indholdet i stedet for i højre side.

ahh troede den skulle  være der

for at få det som du vil have det så skal du tilføje en width:18% på din content_news
det er ca 18 % fordi du har så meget margin og padding

du er vel klar over at png billeder ikke har transparent baggrund i IE 6.0
uden at du bruger et hack

overvej at bruge firebug i firefox
så kan du sidde og redigere/teste i din css uden at skulle ændre i koden heletiden

du siger også at den ser fint ud i ie
well den ser meget dårlig ud hos mig i IE 6.0
med scrollbars på begge sider og ugennemsigtige png's og tror nok også at overskriften er forkert justeret

og valider din css
der er nogle fejl som nok er skyld i at der er scrollbars på

i din body
font: Verdana,Tahoma, Arial;
skal være
font-family: Verdana, Tahoma, Arial;

og så er der andre fejl som jeg ikke gider lige nu at forsøge at finde

Ok - Jeg var ikke klar over at billederne ikke er transparante i IE 6.0. Øv...
Hvordan validerer man css?

CSS validering
http://jigsaw.w3.org/css-validator/

Tak lifo. Hvis du vil have pointsne kan du bare lægge et svar.

svar