Et par fejl i Firefox.

Hey exp'er, er igang med et nyt css.design og er løbet ind i et problem.

http://worm-media.dk/upper/oploads/fail.jpg <- sådan ser det ud i firefox, og det skal det ikke.

[code]
<style>
body{
        text-align: center;
        margin: 0;
        background: #8DC9EB url('bg_site.jpg') top repeat-x;
        font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        height: 100%;
        line-height: 150%;    
        color: #444;
        }

* body, html { height: 100%; }

#container {
        margin: 0 auto;
        background-color: #579FF3;
        border-left: 5px solid #fff;
        border-right: 5px solid #fff;
        width: 804px;
        background: #258AE4 url('gfx_/bg.jpg') repeat-y;
        background-color: #fff;
        text-align: center;
        min-height: 100%;
        }
       
* html #container {
        height: 100%;
}

#indhold { background: #258AE4 url('gfx_/bg.jpg') repeat-y; }
       
#toplogo { background: #0F62A9 url('gfx_/toplogo.jpg') ; height: 150px; border-left: 1px #444 solid; border-right: 1px #444 solid; border-bottom: 1px #444 solid; }

       
#content {
        min-height: 100%;
        width: 645px;
        text-align: center;
        float: right;
        padding: 5px;
        display: block;
        }
       
       
* html #content { height: 100%; padding: 0px;  width: 640px; display: block; float: center; }

#footer {
        border-left: 5px solid #fff;
        border-right: 5px solid #fff;
        border-top: 1px solid #444;
        width: 794px;
        text-align: center;
        padding: 5px;
        height: 40px;
        margin: 0 auto;
        background: #8DC9EB url('gfx_/footer.jpg') top repeat-x; border-top: 1px solid #333;
        }

#menu { width: 150px; float: left; text-align: left; min-height: 100%; padding: 5px;    }
       
* html #menu { height: 100%; display: block; padding: 0px; }

a.menu, a.menu:visited {
        text-decoration: none;
        color: #206EEE;
        padding: 2px;
        background: none;
        font-size:  11px;   
        line-height: 150%;     }
       
a.menu:hover {
        color: #fff;
        padding: 2px;
        text-decoration: none;
        background-color: #EE4820;
        font-size:  11px;   
        line-height: 150%;         }
       
a.copyright, a.copyright:visited {
        text-decoration: none;
        color: #444;
        padding: 2px;
        background-color: #87C7EB;
        font-size:  11px;   
        line-height: 150%;     }
       
a.copyright:hover {
        color: #444;
        padding: 2px;
        text-decoration: none;
        background-color: #fff;
        font-size:  11px;   
        line-height: 150%;         }
       
a, a:visited {
        text-decoration: underline;
        color: #444;
        padding: 2px;
        font-size:  11px;   
        line-height: 150%;     }
       
a:hover {
        color: #fff;
        padding: 2px;
        text-decoration: none;
        background-color: #87C7EB;
        font-size:  11px;   
        line-height: 150%;         }
       
a.toplogo, a.toplogo:visited {
        text-decoration: none;
        color: #444;
        height: 150px;
        width: 800px;
        padding: 0px;
        font-size:  11px;   
        line-height: 100%;     }
       
a.toplogo:hover { color: #fff;
        padding: 0px;
                height: 150px;
        width: 800px;
        text-decoration: none;
        background-color: none;
        font-size:  11px;   
        line-height: 100%;
    }
       
h1 { font-size: 18px; color: #444; line-height: 19px; padding: 0px; margin: 0px; }

#cont { text-align: left; }

hr { size: 1px; color: #fff; border-bottom: 1px solid #333; }


img {
        padding: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        -moz-opacity: .95;
        opacity: .95;
        filter: alpha(opacity=95);
        background-color: #efefef;
        display: block;        
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        float: center;

}
       
img.smiley {
        padding: 0px;
        border: 0px solid #ddd;
        display: inline;
        margin-left: 0;
        margin-right: 0; }
       
a img:hover {
        padding: 5px;
        border: 1px solid #76C6DF;
        display: block;
        margin-left: auto;
        margin-right: auto; }
        </style>


</head>

<body>

             
</head>

<body>
<div id="container"><a class="toplogo" href="./">
<div id="toplogo"></div></a>
<div id="indhold">
<div id="menu"><? include("menu.php") ?></div>
<div id="content"><div id="cont"><? include("content.php") ?></div></div></div>
</div>
<div id="footer"><? include("footer.php") ?></div>
</body>
[/code]

Fails i ord:

1) footeren, ligger sig bagved content. I stedet for at ligge sig nedenunder!

2) Content boksen, starter ved slutningen af Menu, den skal op ved siden af og starte i samme højde som menuen.

3) Content boksen/baggrunden, følger ikke med teksten.

Håber I kan hjælpe!

Mvh. Kasper Worm Andersson