[CSS] Niet cross-browser...

Heey allemaal!

Kan iemand me helpen met dit probleem?
http://www.sitedeals.nl/html-xhtml-and-css/113564-css-niet-cross-browser.html#post628161

Alvast bedankt voor jullie hulp!

Jos

Zet even hier neer, ik ben daar verbannen.

Jos, ik wil je wel helpen.
Ik zal eerst alles ff bestuderen hoe je het gecoderrd heb

Alvast bedankt Marjolein, en Tom: Zal ik even doen!

Stylesheet:

body
{
    background-color: #f2f2f2;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
}

#menu_boog
{
    background-image: url(images/boog.png);
    width: 600px;
    height: 158px;
    float: right;
    filter: alpha(opacity=40);
    -khtml-opacity: 0.4;      
    -moz-opacity: 0.4;
    opacity: 0.4;
    clear: both;
    margin-top: -109px;
}

.server
{
    background-image: url(images/server.png);
    width: 159px;
    height: 159px;
    float: right;
    clear: both;
}

div#menu
{
    background-image: url(images/headmenu_bg.png);
    height: 56px;
    background-repeat: repeat-x;
    font-family: Calibri;
    font-size: 20px;
    color: #FFF;
    margin: 0;
}

li
{

    list-style-type: none;
    text-align: center;
    display: inline-block;
    float: left;
}

li a
{
    text-decoration: none;
    color: #FFF;
}


a
{
    text-decoration: none;
    color: #6C0;
}

ul
{
    font-family: Calibri;
    font-size: 20px;
    color: #FFF;
    list-style-type: none;
    margin-right: 20px;
    margin-top: 0px;
    display: inline-block;
    float: left;
}

ul#menu a 
{
    background-image: url(images/headmenu_bg.png);
    width: 125px;
    height: 40px;
    display: inline-block;
    padding-top: 10px;
}

ul#menu a:hover
{
    background-image: url(images/headmenu_bg_over.png);
    color: #FFF;
}

#header
{
    background-image: url(images/header_bg.png);
    height: 159px;
    background-repeat: repeat-x;
    margin-top: -5px;
    border-bottom: 1px solid #ABABAB;
}

h1
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 50px;
    color: #FFF;
    margin: 0;
    padding-left: 40px;
    padding-top: 15px;
    clear: both;
}

h3
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #333;
    padding-left: 40px;
    clear: both;
    margin: 0;
}

.content
{
    background-color: #E5E5E5;
    width: 600px;
    border: 1px solid #ACACAC;
    margin: 0;
    padding: 7px;
    float: left;
    margin-left: 25px;
}

#container
{
    width: 1150px;
    margin: auto;
    margin-top: 25px;
}

.twitter_menu
{
    background-color: #E5E5E5;
    width: 200px;
    border: 1px solid #ACACAC;
    padding: 7px;
    float: left;
    margin-left: 25px;
}

Index.php

<!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>ZoozioWeb</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="menu"> 
            <ul id="menu">  
                            <li><a href="index.php">Startpagina</a></li> 
                            <li><a href="#">Over ons</a></li> 
                            <li><a href="#">Domeinnaam</a></li> 
                            <li><a href="#">Webhosting</a></li>
                            <li><a href="#">Webdesign</a></li> 
                            <li><a href="login.php">Inloggen</a></li> 
                            <li><a href="register.php">Aanmelden</a></li> 
                            <li><a href="contact.php">Contact</a></li>
            </ul> 
</div> 

        <div id="header">
        
                    
                    <h1>ZoozioWeb</h1>
                    <h3>Webhosting en design met uitstekende service!</h3>
                    
                    <div id="menu_boog"><div class="server"></div></div>

        </div>
        
<div id="container">

                <div class="twitter_menu">
                                            <font style="font-size: 14px; font-weight: bold;">Inloggen</font><br /><br />
                                            Hieronder kunt u inloggen.<br />
                                            [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]inloggen.inc.php[/COLOR][COLOR= #007700]);[/COLOR] ?>
                                            <br />
                                            Heeft u nog geen account?<br />
                                            Registreer je <a href="register.php">hier!</a>

                                             
                </div>  
                                            
                <div class="content">
                <b>Welkom op ZoozioWeb!</b>
                <br /><br />
                Welkom op onze website! Wij bieden vele webdiensten aan, waaronder:<br /><br />
                Domeinnamen<br />
                Webhosting<br />
                Webdesign<br />
                Op aanvraag kunnen wij ook hele websites voor u realiseren, dit kan al vanaf 199!<br />
                <br />
                Mocht u ergens anders naar op zoek zijn, dan kunt u ons natuurlijk altijd mailen, wellicht kunnen wij u verder helpen!<br /><br />
                Wij staan bij onze klanten onder de volgende aspecten bekend: professioneel, sterke kwaliteit en vooral onze snelle en goede service!
                
                
                <br /><br />
                Groetjes,<br />
                <b>Het ZoozioWeb Team</b>
                </div>  
                 
                <div class="twitter_menu">
                                            <font style="font-size: 14px; font-weight: bold;">Laatste Tweet</font><br />
                                            [COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]twitter.inc.php[/COLOR][COLOR= #007700]);[/COLOR] ?> 
                </div>  
        
                
                
</div>

</body>
</html>

je menu_container staat op width: 1000px maar je menu is breder. Zet die op 100%
Maar zet dan in je css de body width ook op 100%.

Zijn er nog meer dingen die niet kloppen behalve het menu?

@Marjolein

Het probleem met het menu had ik ondertussen al opgelost:
min-width en een heigth meegegeven aan de ul.

Het enigste probleem is dat in Safari en IE8 dat witte, golfachtige plaatje rechts in de header, niet goed staat. (Dat plaatje van de pc/server ook niet)

in IE8 staat die goed. Met safari kan ik niet kijken, die heb ik niet

Waarom die je ul="menu", je kan gewoon ul doen en dan in de css dit doen: #menu ul

@Marjolein,

Ook als je de browser verkleint? (via schuiven rechtsonder)