Witam,

mam takie menu http://tomekmik.cba.pl/ i nie mogę go wypozycjonować w pionie pod IE. Pod FF i Operą wszystko wygląda dobrze ale pod IE ciągle "przyklejone" jest do dołu

css dla div-a w którym znajduje się menu
  1. .td_menu {
  2. text-align: left;
  3. background: url("gfx/tlo_menu.png");
  4. height: 27px;
  5. display: table;
  6. width: 100%;
  7. }


css dla menu
  1. .ddmx {
  2. font: 12px tahoma;
  3. background: red;
  4. display: table-cell;
  5. vertical-align: middle;
  6. }
  7. .ddmx .item1,
  8. .ddmx .item1:hover {
  9. padding: 0px 10px 0px 10px;
  10. font: 12px arial;
  11. color: #202020;
  12. font-weight: bold;
  13. text-decoration: none;
  14. white-space: nowrap;
  15. position: relative;
  16. }
  17. .ddmx .item1-active,
  18. .ddmx .item1-active:hover {
  19. padding: 0px 10px 0px 10px;
  20. font: 12px arial;
  21. color: #202020;
  22. font-weight: bold;
  23. text-decoration: none;
  24. white-space: nowrap;
  25. position: relative;
  26.  
  27. }
  28. .ddmx .item2,
  29. .ddmx .item2:hover,
  30. .ddmx .item2-active,
  31. .ddmx .item2-active:hover {
  32. padding: 0px 8px 0px 8px;
  33. font: 11px tahoma;
  34. color: #000000;
  35. font-weight: bold;
  36. text-decoration: none;
  37. display: block;
  38. height: 18px;
  39. position: relative;
  40. z-index: 500;
  41. }
  42. .ddmx .item2 {
  43. background: #F0F0F0;
  44. }
  45. .ddmx .item2:hover,
  46. .ddmx .item2-active,
  47. .ddmx .item2-active:hover {
  48. background: #ffffff;
  49. }
  50. .ddmx .arrow,
  51. .ddmx .arrow:hover {
  52. padding: 3px 16px 4px 8px;
  53. }
  54. .ddmx .item2 img,
  55. .ddmx .item2-active img{
  56.  
  57. top: 0px;
  58. right: 1px;
  59. border: 0;
  60. }
  61. .ddmx .section {
  62. border: 1px solid #9B9B9B;
  63. position: absolute;
  64. visibility: hidden;
  65. z-index: -1;
  66.  
  67. }
  68.  
  69. * html .ddmx td { position: relative; } /* ie 5.0 fix */


tak wyświetla FF

tak wyświetla Opera


a tak IE


P.S. to są wycinki kawałka strony