interface site anders in IE7

[hobielasseel]

Hallo,

ik heb een site gemaakt voor mijn twee neefjes(fotos enz...).

link:http://users.skynet.be/ra017278

alles gaat perfect behalve onze welbekende IE7
dit is de fout

je ziet het stuk startcenter in mijn navigatie komt op de volgende lijn

waar zit de fout in mijn code? ik heb er mij al stuk opgezocht en niet gevonden!!
Daarom vraag ik het hier?

opbouw van de pagina

.center{
margin-left:auto;
margin-right:auto;
width:760px;
}

.nieuwtjes{
float:left;
}

#spanipod{
float:left; 
height:219px; 
width:112px; 
}

.ipod{
position:absolute;
width:88px;
height:125px;
}

#boven{
height:100px;
position:relative;
}

.naastfotoboven{
float:left;
width:97px;
}

#fotoboven{
float:left;
width:565px;
height:100px;
}

#gekleurdebalkboven{
height:200px;
position:static;
}

code van de navigatie:

#nav, .navul {
padding-top:0;
padding-left:0;
padding-right:0;
padding-bottom:0;
margin:0;
list-style: none;
z-index:1;
}

.navli {
float: left;
width: 120px;
}

.navul {
position: absolute;
width: 120px;
left: -1000px;
}

.navli:hover ul, .navli.ie_does_hover ul {
left:auto;
background-position: 0 0;
}

#nav a {
display: block;
margin: 2px 5px 3px 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

.navli a{
font-weight: bold;
color:#007FFF;
cursor: default;
}

.navulli a:link, .navulli a:visited{
font-weight: normal;
color:#007FFF;
cursor: pointer;
}

.navulli a:hover, .navulli a:active{
font-weight: normal;
color: #FFF;
cursor: pointer;
}

.navli,.navulli{
background-color:#BABABA;
border-left:solid #007FFF;
border-right:solid #C8F526;
border-top:solid #EDEDED;
border-bottom:solid #EDEDED;
}

/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 3px solid #FFF;
}

* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */

alvast bedankt!!!!!!!

 

[Phr3ak]

Internet Explorer gaat anders om met CSS dan als in de standaard beschreven wordt, wellicht is dat je euvel ?

 

[hobielasseel]

zover was ik ook al mr hoe kan ik het oplossen ?????

 

[Phr3ak]

Een oplossing die ze vaak gebruiken, is voor iedere browser een apparte css file, of in ieder geval een gedeelte van de code in je huidige css file ..

 

[Haaren101]

Ik heb het opgegeven met IE7. Ik beheer een site die prima werkt in Firefox, Opera, Safari, IE9 en Chrome. Mijn advies: doe IE7 eruit en gebruik wat anders; vooral ook omdat IE7 verouderd is.

Ron

 

[hobielasseel]

dus gwn IE7 niet meer ondersteunen dat zal idd het beste zijn want het is niet meer het eerste euvel dat ik heb met IE7 voor die site
ik had er al voor gezorgd dat ie6 niet meer ondersteund werd en ga het nu ook doen voor ie7