Am dat de o problema acum ca am dat-o si eu pe div-uri si incerc sa las tabelele.Ce ma framanta pe mine e urmatorul lucru:

       Am un div cu width=200, height=20. Acest div contine urmatoarele:
               Un div cu width=50, height=20
               Un div cu width=100, height=20
               Un div cu width=50, height=20

       Toate acestea in asa fel incat sunt pe o linie.Fiecare are o imagine de background.Totul e bine si frumos si arata exact cum vreau eu pana in momentul in care in div-ul din mijloc, cel cu width=100 scriu ceva. In acel moment ultimul div cu width=50 imi coboara cu un rand mai jos.

       De mentionat ca primul div are float=left al doilea float=inherit, iar ultimul float=right. De ce imi coboara ultimul div cand scriu ceva in div-ul din mijloc?

Foarte probabil latimea totala adunata depaseste latimea stabilita pentru divul mare care le contine. Incearca sa scazi un pic latimea la unul (5-10 pixeli) si vezi daca merge. Probabil ca ai vreun padding intre ele, pentru a nu se lipi si asta iti "mananca" spatiu. Sper sa functioneze .. la mine cam asta e de obicei.

trebuie sa introduci in cele 3 div-uri style="float:left;"