Cześć, mam dziwny problem. Zrobiłem bardzo prosty układ strony składający się z dwóch divów. Jeden z divów zawiera tekst. Div ten jest zagnieżdzony w pierwszym divie. Ma on ustawione trzy wartości padding. problem w tym że gdy otwieram ta stronę w explorerze to przeglądarka ustawia tekst tak jakby w ogóle nie były ustawione wartości padding i dopiero gdy kliknie się przycisk "odśwież" to wskakują prawidłowe wartości padding i tekst się prawidłowo ustawia. Dlaczego bezpośrednio po otwarciu strony nie stosuje ona tych wartości padding? Czy gdzies zrobiłem błąd?

kod całej strony (bez meta) wygląda tak:


[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2.  
  3. body {
  4.      margin: 0; padding: 0; text-align: center; font-family: verdana; font-size: .6em; color: #224400
  5. } 
  6.  
  7. #ogolny {
  8.      margin: 0 auto; padding: 0; width: 600px; height: 860px; background-image: url(obraz3.gif); text-align: left;
  9. }
  10.  
  11. #tekst {
  12.         padding-top: 15%; padding-left: 1%; padding-right: 10%;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17.      <div id="ogolny">
  18.      
  19.      <div id="tekst">
  20.  
  21.               <p>własciwy tekst</p>
  22.               
  23.       </div>
  24.      </div>
  25. </body>
  26. </html>
[HTML] pobierz, plaintext