Add an example of the 'normal case' for element().

Author: tabatkins

css3-images/Overview.html

@@ -759,9 +759,17 @@ <h3 id=element-reference><span class=secno>3.3. </span> Using Elements as
      visual effects).</p>
 
     <div class=example>
-     <p class=issue>Steal one of the MozHacks examples, once I get permission
-      to do so.</p>
-    </div>
+     <p>As a somewhat silly example, a &lt;p> element can be reused as a
+      background elsewhere in the document:</p>
+
+     <pre>
+&lt;style>
+#src { color: white; background: lime; width: 300px; height: 40px; }
+#dst { color: black; background: element(#src); padding: 20px; margin: 20px 0; }
+&lt;/style>
+&lt;p id='src'>I'm an ordinary element!&lt;/p>
+&lt;p id='dst'>I'm using the previous element as my background!&lt;/p></pre>
+     <img alt="" src=element-function.png></div>
   </dl>
 
   <p>Implementations may either re-use existing bitmap data generated for the
@@ -2163,7 +2171,7 @@ <h3 id=image-orientation><span class=secno>6.2. </span> Orienting an Image
    rotational correction to perform. The &lsquo;<a
    href="#image-orientation0"><code
    class=property>image-orientation</code></a>&rsquo; property provides a way
-   to specify an "out-of-band" rotation to be applied to image source data to
+   to apply an &rdquo;out-of-band&ldquo; rotation to image source data to
    correctly orient an image.
 
   <p class=note>Note this facility is not intended to specify layout
@@ -2235,6 +2243,10 @@ <h3 id=image-orientation><span class=secno>6.2. </span> Orienting an Image
    rounded to -90deg), then moduloing the value by 1 turn (360deg, 400grad,
    etc.).
 
+  <p class=note>Note that in CSS, orientation data encoded in the image (e.g.
+   EXIF data) is ignored. <span class=issue>Is this an issue? What do
+   printers do?</span>
+
   <div class=example>
    <p>The following example rotates the image 90 degrees clockwise:</p>
 

css3-images/Overview.src.html

@@ -413,7 +413,17 @@ <h3 id='element-reference'>
 			<p>If the referenced element has a transform applied to it or an ancestor, the transform must be ignored when rendering the element as an image.  If the referenced element is broken across pages, the element must be displayed as if the page content areas were joined flush in the pagination direction (elements broken across lines or columns just render with their bounding box, as normal, which may have unintended visual effects).</p>
 
 			<div class='example'>
-				<p class='issue'>Steal one of the MozHacks examples, once I get permission to do so.</p>
+				<p>As a somewhat silly example, a &lt;p> element can be reused as a background elsewhere in the document:</p>
+
+				<pre>
+&lt;style>
+#src { color: white; background: lime; width: 300px; height: 40px; }
+#dst { color: black; background: element(#src); padding: 20px; margin: 20px 0; }
+&lt;/style>
+&lt;p id='src'>I'm an ordinary element!&lt;/p>
+&lt;p id='dst'>I'm using the previous element as my background!&lt;/p></pre>
+
+				<img src="element-function.png" alt="">
 			</div>
 		</dd>
 	</dl>