Move rendering/RenderImage* to layout/LayoutImage*

LayoutTests/platform/android/css1/box_properties/float_on_text_elements-expected.txt

 layer at (0,0) size 785x2846
   RenderView at (0,0) size 785x600
 layer at (0,0) size 785x2846
   RenderBlock {HTML} at (0,0) size 785x2846
     RenderBody {BODY} at (8,8) size 769x2830 [bgcolor=#CCCCCC]
       RenderBlock (floating) {P} at (0,0) size 384.50x40 [bgcolor=#FFFF00]
         RenderText {#text} at (0,0) size 384x39
           text run at (0,0) width 384: "This paragraph is of class \"one\". It has a width of 50% and is"
           text run at (0,20) width 105: "floated to the left."
       RenderBlock {P} at (0,0) size 769x80
         RenderText {#text} at (384,0) size 769x79
           text run at (384,0) width 385: "This paragraph should start on the right side of a yellow box"
           text run at (384,20) width 385: "which contains the previous paragraph. Since the text of this"
           text run at (0,40) width 769: "element is much longer than the text in the previous element, the text will wrap around the yellow box. There is no padding,"
           text run at (0,60) width 709: "border or margins on this and the previous element, so the text of the two elements should be very close to each other."
       RenderBlock (anonymous) at (0,80) size 769x20
         RenderBR {BR} at (0,0) size 0x19
       RenderBlock {HR} at (0,108) size 769x2 [border: (1px inset #EEEEEE)]
       RenderBlock (floating) {P} at (0,118) size 769x80 [bgcolor=#FFFF00]
         RenderText {#text} at (0,0) size 769x79
           text run at (0,0) width 769: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent element"
           text run at (0,20) width 769: "allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and a orange"
           text run at (0,40) width 769: "square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this paragraph for"
           text run at (0,60) width 123: "diagnostic purposes."
       RenderBlock (anonymous) at (0,118) size 769x100
-        RenderImage {IMG} at (0,80) size 15x15
+        LayoutImage {IMG} at (0,80) size 15x15
         RenderText {#text} at (15,80) size 4x19
           text run at (15,80) width 4: " "
         RenderBR {BR} at (19,95) size 0x0
       RenderBlock {HR} at (0,226) size 769x2 [border: (1px inset #EEEEEE)]
       RenderBlock (floating) {P} at (0,236) size 384.50x100 [bgcolor=#FFFF00]
         RenderText {#text} at (0,0) size 384x99
           text run at (0,0) width 384: "This paragraph is floated to the left and the orange square image"
           text run at (0,20) width 384: "should appear to the right of the paragraph. This paragraph has"
           text run at (0,40) width 384: "a yellow background and no padding, margin or border. The"
           text run at (0,60) width 384: "right edge of this yellow box should be horizontally aligned with"
           text run at (0,80) width 260: "the left edge of the yellow box undernearth."
       RenderBlock (anonymous) at (0,236) size 769x100
-        RenderImage {IMG} at (384.50,0) size 15x15
+        LayoutImage {IMG} at (384.50,0) size 15x15
         RenderText {#text} at (399,0) size 5x19
           text run at (399,0) width 5: " "
         RenderBR {BR} at (403,15) size 1x0
       RenderBlock {HR} at (0,344) size 769x2 [border: (1px inset #EEEEEE)]
       RenderBlock (floating) {P} at (384.50,354) size 384.50x120 [bgcolor=#FFFF00]
         RenderText {#text} at (0,0) size 384x119
           text run at (0,0) width 384: "This paragraph is floated to the right (using a STYLE attribute)"
           text run at (0,20) width 384: "and the orange square image should appear to the left of the"
           text run at (0,40) width 384: "paragraph. This paragraph has a yellow background and no"
           text run at (0,60) width 384: "padding, margin or border. The left edge of this yellow box"
           text run at (0,80) width 384: "should be horizonally aligned with the right edge of the yellow"
           text run at (0,100) width 68: "box above."
       RenderBlock (anonymous) at (0,354) size 769x120
-        RenderImage {IMG} at (0,0) size 15x15
+        LayoutImage {IMG} at (0,0) size 15x15
         RenderText {#text} at (15,0) size 4x19
           text run at (15,0) width 4: " "
         RenderBR {BR} at (19,15) size 0x0
       RenderBlock {HR} at (0,482) size 769x2 [border: (1px inset #EEEEEE)]
       RenderBlock {P} at (0,492) size 769x60
         RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
           RenderText {#text} at (0,0) size 21x36
             text run at (0,0) width 21: "T"
         RenderText {#text} at (48,0) size 769x59
           text run at (48,0) width 721: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as well as"
@@ skipping 128 matching lines @@
               RenderBlock (anonymous) at (4,84) size 747x20
                 RenderBR {BR} at (0,0) size 0x19
               RenderBlock {HR} at (4,112) size 747x2 [border: (1px inset #EEEEEE)]
               RenderBlock (floating) {P} at (4,122) size 747x80 [bgcolor=#FFFF00]
                 RenderText {#text} at (0,0) size 747x79
                   text run at (0,0) width 747: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
                   text run at (0,20) width 747: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides and a"
                   text run at (0,40) width 747: "orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added to this"
                   text run at (0,60) width 209: "paragraph for diagnostic purposes."
               RenderBlock (anonymous) at (4,122) size 747x100
-                RenderImage {IMG} at (0,80) size 15x15
+                LayoutImage {IMG} at (0,80) size 15x15
                 RenderText {#text} at (15,80) size 4x19
                   text run at (15,80) width 4: " "
                 RenderBR {BR} at (19,95) size 0x0
               RenderBlock {HR} at (4,230) size 747x2 [border: (1px inset #EEEEEE)]
               RenderBlock (floating) {P} at (4,240) size 373.50x120 [bgcolor=#FFFF00]
                 RenderText {#text} at (0,0) size 373x119
                   text run at (0,0) width 373: "This paragraph is floated to the left and the orange square"
                   text run at (0,20) width 373: "image should appear to the right of the paragraph. This"
                   text run at (0,40) width 373: "paragraph has a yellow background and no padding, margin"
                   text run at (0,60) width 373: "or border. The right edge of this yellow box should be"
                   text run at (0,80) width 373: "horizontally aligned with the left edge of the yellow box"
                   text run at (0,100) width 75: "undernearth."
               RenderBlock (anonymous) at (4,240) size 747x120
-                RenderImage {IMG} at (373.50,0) size 15x15
+                LayoutImage {IMG} at (373.50,0) size 15x15
                 RenderText {#text} at (388,0) size 5x19
                   text run at (388,0) width 5: " "
                 RenderBR {BR} at (392,15) size 1x0
               RenderBlock {HR} at (4,368) size 747x2 [border: (1px inset #EEEEEE)]
               RenderBlock (floating) {P} at (377.50,378) size 373.50x120 [bgcolor=#FFFF00]
                 RenderText {#text} at (0,0) size 373x119
                   text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE"
                   text run at (0,20) width 373: "attribute) and the orange square image should appear to the"
                   text run at (0,40) width 373: "left of the paragraph. This paragraph has a yellow background"
                   text run at (0,60) width 373: "and no padding, margin or border. The left edge of this yellow"
                   text run at (0,80) width 373: "box should be horizonally aligned with the right edge of the"
                   text run at (0,100) width 111: "yellow box above."
               RenderBlock (anonymous) at (4,378) size 747x120
-                RenderImage {IMG} at (0,0) size 15x15
+                LayoutImage {IMG} at (0,0) size 15x15
                 RenderText {#text} at (15,0) size 4x19
                   text run at (15,0) width 4: " "
                 RenderBR {BR} at (19,15) size 0x0
               RenderBlock {HR} at (4,506) size 747x2 [border: (1px inset #EEEEEE)]
               RenderBlock {P} at (4,516) size 747x60
                 RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
                   RenderText {#text} at (0,0) size 21x36
                     text run at (0,0) width 21: "T"
                 RenderText {#text} at (48,0) size 747x59
                   text run at (48,0) width 699: "he first letter (a \"T\") of this paragraph should float left and be twice the font-size of the rest of the paragraph, as well"
@@ skipping 98 matching lines @@
                     text run at (404,60) width 156: "child of the blue DIV, the"
                     text run at (0,80) width 230: "yellow DIV should appear inside the "
                     text run at (230,80) width 330: "blue rectangle. Due to it being floated to the right and"
                     text run at (0,100) width 43: "having "
                     text run at (43,100) width 413: "a 10px right margin, the yellow rectange should have a 10px blue "
                     text run at (456,100) width 104: "stripe on its right"
                     text run at (0,120) width 28: "side."
               RenderBlock (anonymous) at (4,1262) size 747x140
                 RenderBR {BR} at (560,0) size 1x19
               RenderBlock {HR} at (4,1410) size 747x2 [border: (1px inset #EEEEEE)]