Mam problem z overflow:hidden w przeglądarce Chrome. Po prostu ignoruje mi ten parametr i nie wiem jak z tego wybrnąć. Poza tym nie uznaje też parametru "-webkit-box-shadow-". Ktoś wie jak z tego wybrnąć? Podaję kod na buzię z języczkiem, który splodzilem w css3, sam kod na buzkę by nie robic zbytniego zamieszania:

  1.  
  2. /* box trzymający buzię z językiem */
  3.  
  4. div.kontener{
  5.  
  6. position:absolute;
  7.  
  8. width:66px;
  9.  
  10. border:0;
  11.  
  12. padding:0;
  13.  
  14. margin: 66px 0 0 15px;
  15.  
  16. }
  17.  
  18.  
  19.  
  20. /* definiujemy język */
  21.  
  22. .tongue{
  23.  
  24. position:relative;
  25.  
  26. display:block;
  27.  
  28. overflow:hidden;
  29.  
  30. -moz-border-radius: 0 0 69px 69px;
  31.  
  32. -webkit-border-radius: 0 0 69px 69px;
  33.  
  34. -o-border-radius: 0 0 69px 69px;
  35.  
  36. width: 66px;
  37.  
  38. height: 22px;
  39.  
  40. background: white;
  41.  
  42. border: 1px black solid;
  43.  
  44. }
  45.  
  46.  
  47.  
  48.  
  49.  
  50. .dot{ /* okrąg tworzący jedną stronę języka */
  51.  
  52. position:absolute;
  53.  
  54. background:red;
  55.  
  56. width:36px;
  57.  
  58. height:36px;
  59.  
  60. -moz-border-radius: 99px;
  61.  
  62. -webkit-border-radius: 99px;
  63.  
  64. -o-border-radius: 99px;
  65.  
  66. -moz-box-shadow: 2px -2px 5px #888888;
  67.  
  68. -webkit-box-shadow: 2px -2px 5px #888888;
  69.  
  70. -o-box-shadow: 2px -2px 5px #888888;
  71.  
  72. }
  73.  
  74.  
  75.  
  76. #ldot{ /* pozycjonowanie lewego okręgu języka */
  77.  
  78. left: 3px;
  79.  
  80. top: 5px;
  81.  
  82. margin:0;
  83.  
  84. }
  85.  
  86.  
  87.  
  88. #rdot{ /* pozycjonowanie prawego okręgu języka */
  89.  
  90. right: 6px;
  91.  
  92. top: 5px;
  93.  
  94. margin:0;
  95.  
  96. }
  97.  


Tak to wygląda w Firefox: http://screenshooter.net/0487525/magjvlo


A tak w Chrome: http://screenshooter.net/0487525/bfhjeen


Może uzyc do tego tła z transparentem zamiast overflow?