diff --git a/frameworks/compass/stylesheets/compass/css3/_gradient.scss b/frameworks/compass/stylesheets/compass/css3/_gradient.scss
index cb8607e8..fb78563d 100644
--- a/frameworks/compass/stylesheets/compass/css3/_gradient.scss
+++ b/frameworks/compass/stylesheets/compass/css3/_gradient.scss
@@ -6,11 +6,11 @@
 //
 // This yields a linear gradient spanning from bottom to top
 //
-//     +linear-gradient(color-stops(white, black), "bottom")
+//     +linear-gradient(color-stops(white, black), bottom)
 //
 // This yields a linear gradient spanning from left to right
 //
-//     +linear-gradient(color-stops(white, black), "left")
+//     +linear-gradient(color-stops(white, black), left)
 //
 // This yields a linear gradient starting at white passing
 // thru blue at 33% down and then to black
@@ -24,7 +24,7 @@
 //
 // This yields a linear gradient on top of a background image
 //
-//     +linear-gradient(color_stops(white,black), "top", image-url('noise.png'))
+//     +linear-gradient(color_stops(white,black), top, image-url('noise.png'))
 // Browsers Supported:
 //
 // - Chrome
@@ -36,6 +36,7 @@
   // Webkit's gradient api sucks -- hence these backflips:
   $background: unquote("");
   @if $image { $background : $image + unquote(", "); }
+  $start: unquote($start);
   $end: grad-opposite-position($start);
   @if $experimental-support-for-webkit {
     background-image: #{$background}-webkit-gradient(linear, grad-point($start), grad-point($end), grad-color-stops($color-stops));
@@ -53,12 +54,12 @@
 //     // Defaults to a centered, 100px radius gradient
 //     +radial-gradient(color-stops(#c00, #00c))
 //     // 100px radius gradient in the top left corner
-//     +radial-gradient(color-stops(#c00, #00c), "top left")
+//     +radial-gradient(color-stops(#c00, #00c), top left)
 //     // Three colors, ending at 50px and passing thru #fff at 25px
 //     +radial-gradient(color-stops(#c00, #fff, #00c 50px))
 //     // a background image on top of the gradient
 //     // Requires an image with an alpha-layer.
-//     +radial-gradient(color_stops(#c00, #fff), "top left", image-url("noise.png")))
+//     +radial-gradient(color_stops(#c00, #fff), top left, image-url("noise.png")))
 // Browsers Supported:
 //
 // - Chrome
@@ -66,6 +67,7 @@
 // - Firefox 3.6
 
 @mixin radial-gradient($color-stops, $center-position: center center, $image: false) {
+  $center-position: unquote($center-position);
   $end-pos: grad-end-position($color-stops, true);
   $background: unquote("");
   @if $image { $background: $image + unquote(", "); }
diff --git a/frameworks/compass/stylesheets/compass/css3/_transition.scss b/frameworks/compass/stylesheets/compass/css3/_transition.scss
index 1984d0f3..d0c74a05 100644
--- a/frameworks/compass/stylesheets/compass/css3/_transition.scss
+++ b/frameworks/compass/stylesheets/compass/css3/_transition.scss
@@ -40,7 +40,7 @@ $default-transition-delay: false !default;
 // * these durations will affect the properties in the same list position
 
 @mixin transition-duration($duration: $default-transition-duration) {
-  @include experimental(transition-duration, $duration,
+  @include experimental(transition-duration, unquote($duration),
     -moz, -webkit, -o, not -ms, not -khtml, official
   );
 }
@@ -52,7 +52,7 @@ $default-transition-delay: false !default;
 // * These functions will effect the properties in the same list position
 
 @mixin transition-timing-function($function: $default-transition-function) {
-  @include experimental(transition-timing-function, $function,
+  @include experimental(transition-timing-function, unquote($function),
     -moz, -webkit, -o, not -ms, not -khtml, official
   );
 }
@@ -63,7 +63,7 @@ $default-transition-delay: false !default;
 // * these delays will effect the properties in the same list position
 
 @mixin transition-delay($delay: $default-transition-delay) {
-  @include experimental(transition-delay, $delay,
+  @include experimental(transition-delay, unquote($delay),
     -moz, -webkit, -o, not -ms, not -khtml, official
   );
 }