Div container - baggrund forsvinder
Hej Eksperter:)Jeg har et problem. Jeg har nogle divs's der er samlet i en container div, der har baggrundsfarven hvid. Denne container div fungere fint i IE7 og den hvide baggrundsfarve kan ses. I Firefox forsvinder dens synlighed dog på mystisk vis, hvilket undre mig meget.
Håber meget noget har en idé om problemet - har efterhånden stirret mig blind på det.:/
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color:#333;
}
#graf_top {
float: right;
}
#alpha {
filter: Alpha(opacity=50);
opacity: .5;
background-color: #000;
position: absolute;
}
#container {
width:900px;
background-color: #FFFFFF;
}
#top {
width: 900px;
background-color: #333;
}
#bottom {
width: 900px;
background-color: #333;
}
#t1 {
float: left;
width: 300px;
}
#t2 {
float: left;
width: 300px;
}
#t3 {
float: right;
width: 300px;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="top">jhahdjs<br />asdfsd</div>
<div id="t1">
hest<br />
hsdg<br />
ndfj<br />
</div>
<div id="t2">Hest</div>
<div id="t3">Hest</div>
</div>
</body>
</html>