[giow] (2) Let's go with the saner Firefox/Opera behaviour here, as i…

…t's closer to the (still insane) IE behaviour than the WebKit behaviour we previously had...

Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=8798

git-svn-id: http://svn.whatwg.org/webapps@4779 340c8d12-0b0e-0410-8428-c7bf67bfef74

complete.html

@@ -35988,16 +35988,33 @@ <h6 id=image-button-state><span class=secno>4.10.7.1.20 </span><dfn title=attr-i
 
   <p>The <dfn id=concept-input-type-image-coordinate title=concept-input-type-image-coordinate>selected
   coordinate</dfn> must consist of an <var title="">x</var>-component
-  and a <var title="">y</var>-component. The <var title="">x</var>-component must be greater than or equal to zero,
-  and less than or equal to the rendered width, in CSS pixels, of the
-  image, plus the widths of the left and right borders rendered around
-  the image, if any. The <var title="">y</var>-component must be
-  greater than or equal to zero, and less than or equal to the
-  rendered height, in CSS pixels, of the image, plus the widths of the
-  top and bottom bordered rendered around the image, if any. The
-  coordinates must be relative to the image's borders, where there are
-  any, and the edge of the image otherwise.</p> <!-- legacy browser
-  behavior sometimes does some sure wacky things. -->
+  and a <var title="">y</var>-component. The coordinates represent the
+  position relative to the edge of the image, with the coordinate
+  space having the positive <var title="">x</var> direction to the
+  right, and the positive <var title="">y</var> direction
+  downwards.</p>
+
+  <p>The <var title="">x</var>-component must be a <a href=#valid-integer>valid
+  integer</a> representing a number <var title="">x</var> in the
+  range <span title="">&minus;(<var title="">border<sub title="">left</sub></var>+<var title="">padding<sub title="">left</sub></var>) &le; <var title="">x</var> &le; <var title="">width</var>+<var title="">border<sub title="">right</sub></var>+<var title="">padding<sub title="">right</sub></var></span>, where <var title="">width</var>
+  is the rendered width of the image, <var title="">border<sub title="">left</sub></var> is the width of the border on the left of
+  the image, <var title="">padding<sub title="">left</sub></var> is
+  the width of the padding on the left of the image, <var title="">border<sub title="">right</sub></var> is the width of the
+  border on the right of the image, and <var title="">padding<sub title="">right</sub></var> is the width of the padding on the right
+  of the image, with all dimensions given in CSS pixels.</p>
+
+  <p>The <var title="">y</var>-component must be a <a href=#valid-integer>valid
+  integer</a> representing a number <var title="">y</var> in the
+  range <span title="">&minus;(<var title="">border<sub title="">top</sub></var>+<var title="">padding<sub title="">top</sub></var>) &le; <var title="">y</var> &le; <var title="">height</var>+<var title="">border<sub title="">bottom</sub></var>+<var title="">padding<sub title="">bottom</sub></var></span>, where <var title="">height</var>
+  is the rendered height of the image, <var title="">border<sub title="">top</sub></var> is the width of the border above the image,
+  <var title="">padding<sub title="">top</sub></var> is the width of
+  the padding above the image, <var title="">border<sub title="">bottom</sub></var> is the width of the border below the
+  image, and <var title="">padding<sub title="">bottom</sub></var> is
+  the width of the padding below the image, with all dimensions given
+  in CSS pixels.</p>
+
+  <p>Where a border or padding is missing, its width is zero CSS
+  pixels.</p>
 
   <hr></div>
 

index

@@ -35890,16 +35890,33 @@ interface <dfn id=htmlformelement>HTMLFormElement</dfn> : <a href=#htmlelement>H
 
   <p>The <dfn id=concept-input-type-image-coordinate title=concept-input-type-image-coordinate>selected
   coordinate</dfn> must consist of an <var title="">x</var>-component
-  and a <var title="">y</var>-component. The <var title="">x</var>-component must be greater than or equal to zero,
-  and less than or equal to the rendered width, in CSS pixels, of the
-  image, plus the widths of the left and right borders rendered around
-  the image, if any. The <var title="">y</var>-component must be
-  greater than or equal to zero, and less than or equal to the
-  rendered height, in CSS pixels, of the image, plus the widths of the
-  top and bottom bordered rendered around the image, if any. The
-  coordinates must be relative to the image's borders, where there are
-  any, and the edge of the image otherwise.</p> <!-- legacy browser
-  behavior sometimes does some sure wacky things. -->
+  and a <var title="">y</var>-component. The coordinates represent the
+  position relative to the edge of the image, with the coordinate
+  space having the positive <var title="">x</var> direction to the
+  right, and the positive <var title="">y</var> direction
+  downwards.</p>
+
+  <p>The <var title="">x</var>-component must be a <a href=#valid-integer>valid
+  integer</a> representing a number <var title="">x</var> in the
+  range <span title="">&minus;(<var title="">border<sub title="">left</sub></var>+<var title="">padding<sub title="">left</sub></var>) &le; <var title="">x</var> &le; <var title="">width</var>+<var title="">border<sub title="">right</sub></var>+<var title="">padding<sub title="">right</sub></var></span>, where <var title="">width</var>
+  is the rendered width of the image, <var title="">border<sub title="">left</sub></var> is the width of the border on the left of
+  the image, <var title="">padding<sub title="">left</sub></var> is
+  the width of the padding on the left of the image, <var title="">border<sub title="">right</sub></var> is the width of the
+  border on the right of the image, and <var title="">padding<sub title="">right</sub></var> is the width of the padding on the right
+  of the image, with all dimensions given in CSS pixels.</p>
+
+  <p>The <var title="">y</var>-component must be a <a href=#valid-integer>valid
+  integer</a> representing a number <var title="">y</var> in the
+  range <span title="">&minus;(<var title="">border<sub title="">top</sub></var>+<var title="">padding<sub title="">top</sub></var>) &le; <var title="">y</var> &le; <var title="">height</var>+<var title="">border<sub title="">bottom</sub></var>+<var title="">padding<sub title="">bottom</sub></var></span>, where <var title="">height</var>
+  is the rendered height of the image, <var title="">border<sub title="">top</sub></var> is the width of the border above the image,
+  <var title="">padding<sub title="">top</sub></var> is the width of
+  the padding above the image, <var title="">border<sub title="">bottom</sub></var> is the width of the border below the
+  image, and <var title="">padding<sub title="">bottom</sub></var> is
+  the width of the padding below the image, with all dimensions given
+  in CSS pixels.</p>
+
+  <p>Where a border or padding is missing, its width is zero CSS
+  pixels.</p>
 
   <hr></div>
 

source

@@ -39850,17 +39850,48 @@ interface <dfn>HTMLFormElement</dfn> : <span>HTMLElement</span> {
 
   <p>The <dfn title="concept-input-type-image-coordinate">selected
   coordinate</dfn> must consist of an <var title="">x</var>-component
-  and a <var title="">y</var>-component. The <var
-  title="">x</var>-component must be greater than or equal to zero,
-  and less than or equal to the rendered width, in CSS pixels, of the
-  image, plus the widths of the left and right borders rendered around
-  the image, if any. The <var title="">y</var>-component must be
-  greater than or equal to zero, and less than or equal to the
-  rendered height, in CSS pixels, of the image, plus the widths of the
-  top and bottom bordered rendered around the image, if any. The
-  coordinates must be relative to the image's borders, where there are
-  any, and the edge of the image otherwise.</p> <!-- legacy browser
-  behavior sometimes does some sure wacky things. -->
+  and a <var title="">y</var>-component. The coordinates represent the
+  position relative to the edge of the image, with the coordinate
+  space having the positive <var title="">x</var> direction to the
+  right, and the positive <var title="">y</var> direction
+  downwards.</p>
+
+  <p>The <var title="">x</var>-component must be a <span>valid
+  integer</span> representing a number <var title="">x</var> in the
+  range <span title="">&#x2212;(<var title="">border<sub
+  title="">left</sub></var>+<var title="">padding<sub
+  title="">left</sub></var>) &le; <var title="">x</var> &le; <var
+  title="">width</var>+<var title="">border<sub
+  title="">right</sub></var>+<var title="">padding<sub
+  title="">right</sub></var></span>, where <var title="">width</var>
+  is the rendered width of the image, <var title="">border<sub
+  title="">left</sub></var> is the width of the border on the left of
+  the image, <var title="">padding<sub title="">left</sub></var> is
+  the width of the padding on the left of the image, <var
+  title="">border<sub title="">right</sub></var> is the width of the
+  border on the right of the image, and <var title="">padding<sub
+  title="">right</sub></var> is the width of the padding on the right
+  of the image, with all dimensions given in CSS pixels.</p>
+
+  <p>The <var title="">y</var>-component must be a <span>valid
+  integer</span> representing a number <var title="">y</var> in the
+  range <span title="">&#x2212;(<var title="">border<sub
+  title="">top</sub></var>+<var title="">padding<sub
+  title="">top</sub></var>) &le; <var title="">y</var> &le; <var
+  title="">height</var>+<var title="">border<sub
+  title="">bottom</sub></var>+<var title="">padding<sub
+  title="">bottom</sub></var></span>, where <var title="">height</var>
+  is the rendered height of the image, <var title="">border<sub
+  title="">top</sub></var> is the width of the border above the image,
+  <var title="">padding<sub title="">top</sub></var> is the width of
+  the padding above the image, <var title="">border<sub
+  title="">bottom</sub></var> is the width of the border below the
+  image, and <var title="">padding<sub title="">bottom</sub></var> is
+  the width of the padding below the image, with all dimensions given
+  in CSS pixels.</p>
+
+  <p>Where a border or padding is missing, its width is zero CSS
+  pixels.</p>
 
   <hr>