Witam mam tak mały problem nie wiem dlaczego ,ale gdy odpale ten kod html to niebieski prostokąt robi margines zółtemu prostokątowi od góry ,a chcałbym żeby niebieski prostokąt zrobił sobie margines od góry lecz w wewnątrz zótłego prostokąta. 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <head>
  6.  
  7.  
  8.  
  9.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  10. <style type="text/css">
  11. .main
  12. {
  13. margin: 0 auto;
  14. width:81%;
  15. padding-bottom:100px;
  16. background-color:yellow;
  17.  
  18. }
  19. .lmenu
  20. {
  21. float:left;
  22. margin:40px 0 0 20px;
  23. padding:100px 70px 0 0;
  24. background-color:red;
  25. }
  26.  
  27. .pmenu
  28. {
  29. float:right;
  30. margin:40px 20px 0 0;
  31. padding:100px 70px 0 0;
  32. background-color:red;
  33.  
  34. }
  35. .tresc
  36. {
  37. margin:30px 100px 0 100px;
  38. padding:50px 70px 0 0;
  39. background-color:blue;
  40. }
  41.  
  42.  
  43.  
  44.   </style>
  45.  
  46.  
  47.   <title>Strona</title>
  48.  
  49. </head>
  50. <body>
  51.  <div class="main">
  52.  <div class="pmenu"></div>
  53.  <div class="lmenu"></div>
  54.  <div class="tresc"></div>
  55.  </div>
  56. </body>
  57.  
  58. </html>
[HTML] pobierz, plaintext