Beste mensen,
Ik heb twee problemen met IE6.
Helaas zie ik zelf niet wat het probleem is, maar in FF en in IE7 ziet het er allemaal perfect uit.
Wat niet werkt is de hover in het menu, en dat de zoekbalk rechts-boven niet helemaal tegen het submit buttontje aangeplakt zit.
Screenshot:
http://www.imgdumper.com/file/img/2007/jul/06/img2.png

En de code:
Zoekbalk HTML

Code:

<div style="float: right;">
        <input type="text" class="zoeken" value="Jumpstyle video zoeken..." onfocus="if(this.value == 'Jumpstyle video zoeken...') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Jumpstyle video zoeken...'; }" />
        <input type="submit" class="submit" value="" name="submit" />
        </div>

Zoekbalk CSS

Code:

.zoeken
    {
        border:                none;
        background:            #FFFFFF;
        margin-top:            3px;
        margin-right:        -5px;
        height:                21px;
        width:                195px;
        color:                #999;
        padding-top:        5px;
        padding-left:          5px;
        float:                left;
    }
    
    .submit
    {
        background:            url(i/submit.png);
        width:                26px;
        height:                27px;
        border:                none;
        margin-right:        15px;
        margin-top:            3px;
        cursor:                pointer;
    }

Menu HTML

Code:

<ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">DJ</a></li>
        <li><a href="#">Partyagenda</a></li>
        <li><a href="#">Profiles</a></li>
        <li><a href="#">Fotos</a></li>
        <li><a href="#">Videos</a></li>
        <li><a href="#">Poll</a></li>
        <li><a href="#">Shirtshop</a></li>
        <li><a href="#">Nieuws</a></li>
        <li><a href="#">Links</a></li>
        <li><a href="#">Contact</a></li>
    </ul>

Menu CSS

Code:

#menu ul
    {
        margin-left:        -35px;
        margin-top:            -2px;
        list-style:            none;
    }
    
    #menu li
    {
        float:                left;
        padding:            6px;
    }
    
    #menu a:link, #menu a:hover #menu a:active, #menu a:visited
    {
        color:                #FFFFFF;
        border:                none;
    }
    
    #menu li:hover
    {
        background:         url(i/hover.png);
        padding:            6px;
    }

Ik hoop dat jullie me hier speodig mee kunnen helpen.
Btw, aub geen reacties als: Waarom wil je het ook laten werken in IE6 oid.

Groeten

Ik gok maar wat;

1. Bij die button CSS: margin-left: 0;
2. IE heeft ook vaak het probleem dat wanneer je images, of in dit geval input, onder elkaar zet het wat ruimte over laat.
Daarom kan je dit proberen:

Code:

<div style="float: right;">
        <input type="text" class="zoeken" value="Jumpstyle video zoeken..." onfocus="if(this.value == 'Jumpstyle video zoeken...') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Jumpstyle video zoeken...'; }" /><input type="submit" class="submit" value="" name="submit" />
</div>

En voor je menu kan je dit even doorkijken:
http://www.thewatchmakerproject.com/...e-areas-bigger