From 0b4631ed27d4e47a5259b680d71b34158bb22ab5 Mon Sep 17 00:00:00 2001
From: "dbaron%dbaron.org"
 <dbaron%dbaron.org@18797224-902f-48f8-a5cc-f745e15eee43>
Date: Sat, 27 Jan 2007 18:40:57 +0000
Subject: [PATCH] Make marquee use inline-block.  b=163504  r=martijn
 sr=bzbarsky

git-svn-id: svn://10.0.0.236/trunk@219047 18797224-902f-48f8-a5cc-f745e15eee43
---
 mozilla/layout/style/html.css                    | 3 ++-
 mozilla/layout/style/xbl-marquee/xbl-marquee.xml | 8 +++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/mozilla/layout/style/html.css b/mozilla/layout/style/html.css
index 01322d126e3..28565289c17 100644
--- a/mozilla/layout/style/html.css
+++ b/mozilla/layout/style/html.css
@@ -488,7 +488,8 @@ noembed, param {
 
 /* emulation of non-standard HTML <marquee> tag */
 marquee {
-  display: block;
+  display: inline-block;
+  vertical-align: text-bottom;
   -moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal');
 }
 
diff --git a/mozilla/layout/style/xbl-marquee/xbl-marquee.xml b/mozilla/layout/style/xbl-marquee/xbl-marquee.xml
index 1e2bb77b13b..1dffb5f97f4 100644
--- a/mozilla/layout/style/xbl-marquee/xbl-marquee.xml
+++ b/mozilla/layout/style/xbl-marquee/xbl-marquee.xml
@@ -643,7 +643,7 @@
            inheritstyle="false">
 
     <content>
-      <html:div xbl:inherits="" style="overflow: -moz-scrollbars-none">
+      <html:div xbl:inherits="" style="overflow: hidden">
         <html:div style="display: -moz-box; margin: 0 100%;"> 
           <html:div class="innerDiv">
             <children/>
@@ -654,11 +654,13 @@
 
   </binding>
 
+  <!-- use margin-right to force large intrinsic width -->
   <binding id="marquee-vertical"
-           extends="chrome://xbl-marquee/content/xbl-marquee.xml#marquee">
+           extends="chrome://xbl-marquee/content/xbl-marquee.xml#marquee"
+           inheritstyle="false">
 
     <content>
-      <html:div xbl:inherits="" style="overflow: -moz-scrollbars-none">
+      <html:div xbl:inherits="" style="overflow: hidden; width: 100%; margin-right: 100%">
         <html:div class="innerDiv">
           <children/>
         </html:div>