probleme cu norii

salut ca tot veni vorba cu incalzirea globala, eu am probleme cu norii din fundalul site-ului www.idealuri.ro. in firefox merge bine pe orice versiune orice rezolutie, dar in ie6 se vede un nor sub altul in loc sa fie unul in stanga si unul in dreapta.va rog daca ma puteti sfatui ce sa fac dar sa raman tot la varianta de clasa css pt nor nu sa fac tabel cu 100% ca am mai auzit si varianta asta dar nu e ok :)

clasa norilor este urmatoarea :

Cod HTML:

---

#norleft, #norright {
        width:50%;
        height:160px;
        background-repeat:no-repeat;
        display:inline;
        float:left;
        overflow: hidden;
}

#norleft {
        background-image:url(../images/norst.jpg);
        background-position:left top;
        text-align:right;
}

#norright {
        background-image:url(../images/nordr.jpg);
        background-position:right top;
        text-align:left;
}

---

am incercat am modificat latimea norilor cu 20 de pixel la fiecare am pus pe adresa urmatoare :
http://www.idealuri.ro/working/istoria-herbalife.html , dar tot asa se vede , nu pot intelege care este problema cu ie6, va rog frumos daca stie cineva ce as putea sa fac ca sa se vada bine si in ie6 o sa ii fiu etern recunoscator.

1. vezi sa nu ai vreun padding sau margin mostenit si diferit de zero.
2. incearca si overflow:hidden; idiotul de IE mai baga spatiu de la el uneori

quick fix - pana gasesti o alta solutie mai buna:

Cod:

---

#norright {
        background-image:url(../images/nordr.jpg);
        background-position:right top;
        text-align:left;
        position:absolute;
        top:0px;
        right:0px;
}

---

Linkul de mailto din header nu merge pe firefox.
Linkul de pe logo din paginile interioare ar trebui sa duca pe home ... nu duce.

Sper sa te ajute comentariile mele.

multumesc miromolus si ibdesign pentru interes si posturi din pacate am verificat nu se am nici un margin sau padding mostenit, am incercat si cu overflow:hidden; nu merge. din pacate quickfixul sugerat de ibdesign nu merge in ie6 sau 7 nu imi mai apare deloc norul ... daca mai stie cineva o varianta :rolleyes:

multumesc inca o data baieti

1. vad ca nu resetezi padding si margin in css (incearca asta la inceputul css-ului)

Cod:

---

* {
  padding:0;
  margin:0;
}

---

2. pune mai putin de 50% la width la nori (din aproape in aproape: 49,48 etc) pana observi ca se rezolva problema. Daca ai ajuns la 45% sa zicem poti calcula in functie de rezolutia ta cati pixeli ai in plus.

3. poti sa pui un

Cod:

---

border: 1px solid #cc0000;

---

la nori pentru a vedea cam cum arata div-urile

P.S. 1. ar trebui sa fie de ajuns

cel mai greu imi vine sa testez in ie6 am instalat multiple ie si pe calculatorul meu se vede bine si pe ie5 si pe ie6, cine imi poate da un sfat cum pot sa instalez ie6 daca am instalat deja ie7.acum trebuie sa ma rog de lume care are ie6 instalat sa vada cum arata site-ul la fiecare modificare de a mea, de asta dureaza mai mult sa va raspund...

multumesc Dever, totul s-a rezolvat in felul urmator

Cod HTML:

---

#norleft, #norright {
[B]width:49%;[/B]
height:160px;
background-repeat:no-repeat;
display:inline;
[B]float:left;[/B]
}

#norleft {
background-image:url(../images/norst.jpg);
background-position:left top;
text-align:right;
[B]float: left;[/B]
}

#norright {
background-image:url(../images/nordr.jpg);
background-position:right top;
text-align:left;
[B]float: right;[/B]

}

---

si in plus divul cu datele de contact din interiorul #norleft avea padding-top:15px;, l-am sters