CSS 3.0 fungerar inte i Chromei :O

Har som jag nämnde i en annan tråd, ett webbdesignprojekt som ska vara inne i skolan på Måndag. Sidan är kodad med CSS 3.0 så att jag kan utnyttja "-moz-border-radius" och "-webkit-border-radius". Problemet är att läraren ska förhandsgranska hemsidan i Google Chrome, där bl.a. detta och Lightbox2 inte fungerar optimalt (close-knappen blir utdragen). Han vägrar också att installera Firefox.

Så hur löser jag det här? Dvs. att kanterna blir runda i Google Chrome också.

Så här ser den ut i Firefox, som den ska:


och såhär ser den ut i Chrome:


Tack på förhand.

//Chamezz.

Det var i mitt chrome som det inte fungerade, fick dock hjälp på PHPPortalen, men nu är kanterna lite pixliga/hackiga, men dem är runda. Lightbox fungerar fortfarande inte som det ska heller. Close-knappen (som är en bild) blir runt 2-300% förstorad i Chrome/Safari av någon anledning, men i FF fungerar det optimalt. Kör nyaste versionerna av både Chrome och Safari, installerade för inte mindre än 5h sedan.

Chrome har ju fullt stöd för CSS 3.0, så jag tycker det är väldigt skumt att det inte fungera, den validerar utan några som helst fel hos W3C med. Som sagt, kanterna är i alla fall runda nu, men pixliga.

Lightboxen är originalkod. Fick ändra t.ex:
-webkit-border-radius-top-left till
-webkit-border-top-left-radius.
Kanterna är runda men pixliga.
Bild.
I t.ex. Safari är dem runda och släta, som i Firefox.

Det var vad jag fick fram när jag testade Chrome hos www.css3.info i alla fall... Den visade grönt på alla tester. Om jag säger fullt stöd för det som finns i CSS 3.0 redan då?