Fix example better

Author: fantasai

css3-images/Overview.html

@@ -16,15 +16,15 @@
 
    <h1>CSS Image Values and Replaced Content Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>W3C Working Draft 10 January
+   <h2 class="no-num no-toc" id=longstatus-date>W3C Working Draft 4 January
     2012</h2>
 
    <dl>
     <dt>This Version:</dt>
     <!--<dd><a href="http://dev.w3.org/csswg/css3-images/">http://dev.w3.org/csswg/css3-images/</a>-->
 
     <dd><a
-     href="http://www.w3.org/TR/2012/WD-css3-images-20120110/">http://www.w3.org/TR/2012/WD-css3-images-20120110/</a>
+     href="http://www.w3.org/TR/2012/WD-css3-images-20120104/">http://www.w3.org/TR/2012/WD-css3-images-20120104/</a>
 
 
     <dt>Latest Version:
@@ -880,13 +880,9 @@ <h2 id=gradients><span class=secno>4. </span> Gradients</h2>
    dimensions</i></a>.
 
   <div class=example>
-   <p>An image without intrinsic dimensions will always fill its painting
-    area perfectly. For example, if you use a gradient in &lsquo;<code
-    class=property>background-image</code>&rsquo; with &lsquo;<code
-    class=property>background-size</code>&rsquo; and &lsquo;<code
-    class=property>background-clip</code>&rsquo; set to their defaults, the
-    gradient will fill the element's background positioning area (sized to
-    the element's padding box). If &lsquo;<code
+   <p>For example, if you use a gradient as a background, by default the
+    gradient will draw into a <a href="#gradient-box"><i>gradient box</i></a>
+    the size of the element's padding box. If &lsquo;<code
     class=property>background-size</code>&rsquo; is explicitly set to a value
     such as &lsquo;<code class=css>100px 200px</code>&rsquo;, then the <a
     href="#gradient-box"><i>gradient box</i></a> will be 100px wide and 200px

css3-images/Overview.src.html

@@ -491,7 +491,7 @@ <h2 id="gradients">
 	object size</i>, referred to as the <dfn>gradient box</dfn>.  However, the gradient itself has no <i>intrinsic dimensions</i>.</p>
 
 	<div class='example'>
-		<p>An image without intrinsic dimensions will always fill its painting area perfectly.  For example, if you use a gradient in 'background-image' with 'background-size' and 'background-clip' set to their defaults, the gradient will fill the element's background positioning area (sized to the element's padding box).  If 'background-size' is explicitly set to a value such as ''100px 200px'', then the <i>gradient box</i> will be 100px wide and 200px tall.  Similarly, for a gradient used as a 'list-style-image', the box would be a 1em square, which is the <i>default object size</i> for that property.</p>
+		<p>For example, if you use a gradient as a background, by default the gradient will draw into a <i>gradient box</i> the size of the element's padding box.  If 'background-size' is explicitly set to a value such as ''100px 200px'', then the <i>gradient box</i> will be 100px wide and 200px tall.  Similarly, for a gradient used as a 'list-style-image', the box would be a 1em square, which is the <i>default object size</i> for that property.</p>
 	</div>
 
 <!-- ====================================================================== -->