Use a non-replaced inline container for image alt text

third_party/WebKit/LayoutTests/platform/linux/fast/table/backgr_layers-show-expected.txt

-layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 806
+layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 790
   LayoutView at (0,0) size 800x600
-layer at (0,0) size 785x806 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
-  LayoutBlockFlow {HTML} at (0,0) size 785x806.44
-    LayoutBlockFlow {BODY} at (8,18.72) size 769x779.72
+layer at (0,0) size 785x790 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
+  LayoutBlockFlow {HTML} at (0,0) size 785x790.44
+    LayoutBlockFlow {BODY} at (8,18.72) size 769x763.72
       LayoutBlockFlow {H3} at (0,0) size 769x23
         LayoutText {#text} at (0,0) size 296x22
           text run at (0,0) width 296: "crbug.com/35679: empty-cells: show"
       LayoutTable {TABLE} at (0,41.72) size 172x138 [bgcolor=#0000FF]
         LayoutBlockFlow {CAPTION} at (0,0) size 172x40
           LayoutText {#text} at (16,0) size 140x39
             text run at (16,0) width 140: "With 'border-collapse:"
             text run at (59,20) width 54: "separate'"
         LayoutTableCol {COLGROUP} at (0,0) size 0x0
           LayoutTableCol {COL} at (0,0) size 0x0
@@ skipping 117 matching lines @@
             text run at (0,0) width 622: "Two sets of horizontal aqua-backed double violet stripes should run just inside the top border edge."
         LayoutListItem {LI} at (40,20) size 729x20
           LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
           LayoutText {#text} at (0,0) size 679x19
             text run at (0,0) width 679: "A set of vertical stripes should run down just inside the left border edge, going under both horizontal stripes."
         LayoutListItem {LI} at (40,40) size 729x40
           LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
           LayoutText {#text} at (0,0) size 709x39
             text run at (0,0) width 709: "Another set of vertical stripes should run down just inside the right border edge, also going under both horizontal"
             text run at (0,20) width 44: "stripes."
-      LayoutBlockFlow {DIV} at (0,723.72) size 769x36
-        LayoutInline {A} at (0,0) size 88x19 [color=#0000EE]
-          LayoutBlockFlow {IMG} at (0,0) size 88x31
+      LayoutBlockFlow {DIV} at (0,723.72) size 769x20
+        LayoutInline {A} at (0,0) size 121x19 [color=#0000EE]
+          LayoutBlockFlow {IMG} at (0,0) size 120.23x20
+            LayoutInline {SPAN} at (0,0) size 121x19
+              LayoutInline {SPAN} at (0,0) size 121x19
+                LayoutText {#text} at (0,0) size 121x19
+                  text run at (0,0) width 121: "Valid HTML 4.01!"
         LayoutText {#text} at (0,0) size 0x0
-      LayoutBlockFlow {ADDRESS} at (0,759.72) size 769x20
+      LayoutBlockFlow {ADDRESS} at (0,743.72) size 769x20
         LayoutText {#text} at (0,0) size 599x19
           text run at (0,0) width 599: "CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com>"
-layer at (8,742) size 88x31 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 scrollHeight 62
-  LayoutBlockFlow {DIV} at (0,0) size 88x31 [border: (1px solid #C0C0C0)]
-    LayoutImage (floating) {IMG} at (2,2) size 16x16
-layer at (26,744) size 68x60 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0
-  LayoutBlockFlow {DIV} at (18,2) size 68x60
-    LayoutText {#text} at (0,0) size 46x59
-      text run at (0,0) width 34: "Valid"
-      text run at (0,20) width 46: "HTML"
-      text run at (0,40) width 33: "4.01!"