The easiest fix would be to add `position: relative;` to the outer div. This will make IE7 work as intended. 

(See: &lt;http://rowanw.com/bugs/overflow_relative.htm&gt;).

**EDIT:** [Cache version of the broken link on waybackmachine.org][1]


  [1]: http://web.archive.org/web/20110515020527/http://rowanw.com/bugs/overflow_relative.htm

As we all know numbers can be written either in numerics, or called by their names. While there are a lot of examples to be found that convert 123 into one hundred twenty three, I could not find good examples of how to convert it the other way around.

Some of the caveats:

 1. cardinal/nominal or ordinal: &quot;one&quot; and &quot;first&quot;
 2. common spelling mistakes: &quot;forty&quot;/&quot;fourty&quot;
 3. hundreds/thousands: 2100 -&gt; &quot;twenty one hundred&quot; and also &quot;two thousand and one hundred&quot;
 4. separators: &quot;eleven hundred fifty two&quot;, but also &quot;elevenhundred fiftytwo&quot; or &quot;eleven-hundred fifty-two&quot; and whatnot
 5. colloquialisms: &quot;thirty-something&quot;
 6. fractions: &#39;one third&#39;, &#39;two fifths&#39;
 7. common names: &#39;a dozen&#39;, &#39;half&#39;

And there are probably more caveats possible that are not yet listed.
Suppose the algorithm needs to be very robust, and even understand spelling mistakes.

What fields/papers/studies/algorithms should I read to learn how to write all this?
Where is the information?

&gt;PS: My final parser should actually understand 3 different languages, English, Russian and Hebrew. And maybe at a later stage more languages will be added. Hebrew also has male/female numbers, like &quot;one man&quot; and &quot;one woman&quot; have a different &quot;one&quot; — &quot;ehad&quot; and &quot;ahat&quot;. Russian also has some of its own complexities.



Google does a great job at this. For example:

http://www.google.com/search?q=two+thousand+and+one+hundred+plus+five+dozen+and+four+fifths+in+decimal

(the reverse is also possible http://www.google.com/search?q=999999999999+in+english)


How to read values from numbers written as words?

When a previous Vim session crashed, you are greeted with the &quot;Swap file ... already exists!&quot; for each and every file that was open in the previous session.

Can you make this Vim recovery prompt smarter? (Without switching off recovery!) Specifically, I&#39;m thinking of:

  - If the swapped version does not contain unsaved changes and the editing process is no longer running, can you make Vim automatically delete the swap file?
  - Can you automate the suggested process of saving the recovered file under a new name, merging it with file on disk and then deleting the old swap file, so that minimal interaction is required? Especially when the swap version and the disk version are the same, everything should be automatic.

I discovered the `SwapExists` autocommand but I don&#39;t know if it can help with these tasks.

Smarter Vim recovery?

I recently came across an IE7 only bug that I thought I&#39;d share so when I come to this site 6 months from now to figure out the same thing, I&#39;ll have it on hand. 

I believe the easiest way to recreate this bug would be the following html in a page with a declared doctype (it works correctly in &quot;quirks mode&quot; / no-doctype):

    &lt;div style=&quot;overflow: auto; height: 150px;&quot;&gt;
        &lt;div style=&quot;position: relative;&quot;&gt;[...]&lt;/div&gt;
    &lt;/div&gt;

In IE7, the outer div is a fixed size and the inner div is relatively positioned and contains more content (assuming the inner div causes an overflow). In all other browsers, this seems to work as expected.

Screenshot:
![bug screenshot][1]
 
  [1]: http://i.stack.imgur.com/98kiZ.png

IE7 CSS Scrolling Div Bug

I recently came across an IE7 only bug that I thought I'd share so when I come to this site 6 months from now to figure out the same thing, I'll have it on hand.
I believe the easiest way to recreate this bug would be the following html in a page with a declared doctype (it works correctly in "quirks mode" / no-doctype):
<pre><code class="hljs language-css">&#x3C;div style="overflow: auto; height: 150px;">
 &#x3C;div style="position: relative;">[...]&#x3C;/div>
&#x3C;/div>
</code></pre>
In IE7, the outer div is a fixed size and the inner div is relatively positioned and contains more content (assuming the inner div causes an overflow). In all other browsers, this seems to work as expected.
Screenshot:
<img src="http://i.stack.imgur.com/98kiZ.png" alt="bug screenshot">

I have a link on a long HTML page. When I click it, I wish a `div` on another part of the page to be visible in the window by scrolling into view.

A bit like  `EnsureVisible` in other languages.

I&#39;ve checked out `scrollTop` and `scrollTo` but they seem like red herrings.

Can anyone help?

JavaScript to scroll long page to DIV

I&#39;m building an HTML UI with some text elements, such as tab names, which look bad when selected. Unfortunately, it&#39;s very easy for a user to double-click a tab name, which selects it by default in many browsers.

I might be able to solve this with a JavaScript trick (I&#39;d like to see those answers, too) -- but I&#39;m really hoping there&#39;s something in CSS/HTML directly that works across all browsers.


Is there a way to make text unselectable on an HTML page?

What is the reason browsers do not correctly recognize:

    &lt;script src=&quot;foobar.js&quot; /&gt; &lt;!-- self-closing script element --&gt;

Only this is recognized:

    &lt;script src=&quot;foobar.js&quot;&gt;&lt;/script&gt;

Does this break the concept of XHTML support?

Note: This statement is correct at least for all IE (6-8 beta 2).

Why don&#39;t self-closing script elements work?

When creating the `id` attributes for HTML elements, what rules are there for the value?

What are valid values for the id attribute in HTML?

In IE, the dropdown-list takes the same width as the dropbox (I hope I am making sense) whereas in Firefox the dropdown-list&#39;s width varies according to the content. 

This basically means that I have to make sure that the dropbox is wide enough to display the longest selection possible. This makes my page look very ugly :(

Is there any workaround for this problem? 
How can I use CSS to set different widths for dropbox and the dropdownlist?


Dropdownlist width in IE

I can make Firefox not display the ugly dotted focus outlines on &lt;b&gt;links&lt;/b&gt; with this:

&lt;!-- language: lang-css --&gt;

    a:focus { 
    	outline: none; 
    }

But how can I do this for `&lt;button&gt;` tags as well? When I do this:

&lt;!-- language: lang-css --&gt;

    button:focus { 
    	outline: none; 
    }

the buttons still have the dotted focus outline when I click on them.

(and yes, I know this is a usability issue, but I would like to provide my own focus hints which are appropriate to the design instead of ugly grey dots)

How to remove Firefox&#39;s dotted outline on BUTTONS as well as links?

All I want is to be able to change the color of a bullet in a list to a light gray. It defaults to black, and I can&#39;t figure out how to change it.

I know I could just use an image; I&#39;d rather not do that if I can help it.

Change the color of a bullet in a html list?

I have a `div` with two images and an `h1`. All of them need to be vertically aligned within the div, next to each other.

One of the images needs to be `absolute` positioned within the `div`.

What is the CSS needed for this to work on all common browsers?

```html
&lt;div id=&quot;header&quot;&gt;
  &lt;img src=&quot;..&quot; &gt;&lt;/img&gt;
  &lt;h1&gt;testing...&lt;/h1&gt;
  &lt;img src=&quot;...&quot;&gt;&lt;/img&gt;
&lt;/div&gt;
```




How can I vertically align elements in a div?

It seems to be the [general opinion][1] that tables should not be used for layout in HTML. 

Why?

I have never (or rarely to be honest) seen good arguments for this. The usual answers are:

- It&#39;s good to [separate content from layout][2]&lt;br&gt;But this is a fallacious argument; [Cliche Thinking][3]. I guess it&#39;s true that using the table element for layout has little to do with tabular data. So what? Does my boss care? Do my users care?&lt;br&gt;&lt;br&gt;Perhaps me or my fellow developers who have to maintain a web page care... Is a table less maintainable? I think using a table is [easier][4] than using divs and CSS.&lt;br&gt;&lt;br&gt;By the way... why is using a div or a span good separation of content from layout and a table not? Getting a good layout with only divs often requires a lot of nested divs.

- Readability of the code&lt;br&gt;I think it&#39;s the other way around. Most people understand HTML, few understand CSS.

- It&#39;s better for SEO not to use tables&lt;br&gt;Why? Can anybody show some evidence that it is? Or a statement from Google that tables are discouraged from an SEO perspective?

- Tables are slower.&lt;br&gt;An extra tbody element has to be inserted. This is peanuts for modern web browsers. Show me some benchmarks where the use of a table significantly slows down a page.

- A layout overhaul is easier without tables, see [css Zen Garden][6].&lt;br&gt;Most web sites that need an upgrade need new content (HTML) as well. Scenarios where a new version of a web site only needs a new CSS file are not very likely. Zen Garden is a nice web site, but a bit theoretical. Not to mention its [misuse][7] of CSS.

I am really interested in good arguments to use divs + CSS instead of tables.


  [1]: https://stackoverflow.com/questions/82391/should-tables-be-avoided-in-html-at-any-cost#82402
  [2]: https://stackoverflow.com/questions/82391/should-tables-be-avoided-in-html-at-any-cost#82422
  [3]: http://www.don-lindsay-archive.org/skeptic/arguments.html#cliche
  [4]: https://stackoverflow.com/questions/82391/should-tables-be-avoided-in-html-at-any-cost#82571
  [6]: http://csszengarden.com/
  [7]: https://stackoverflow.com/questions/83073/div-vs-table#83639

Why not use tables for layout in HTML?

When uploading a file (jpeg) via a form in IE7 I am seeing a mime-type of &quot;image/pjpeg&quot; instead of &quot;image/jpeg&quot; (as I see in Firefox or similar).  It&#39;s easy enough to work around this problem, but I&#39;m just wondering why IE7 is behaving differently in this case?

Why does IE7 specify a mime-type of image/pjpeg rather than just image/jpeg?

I need to debug JavaScript in Internet Explorer 7.

Unfortunately, its default debugger doesn&#39;t provide me with much information. It tells me the page that the error showed up on (not the specific script) and gives me a line number.  I don&#39;t know if that is related to my problem.

It&#39;d be nice if it could narrow down the error to a line number on a specific script (like Firebug can).

Is there an addon to debug JavaScript in IE7 like Firebug does in Firefox?

Thank you!

### See also:
[Does IE7 have a “developer mode” or plugin like Firefox/Chrome/Safari?][1]


  [1]: https://stackoverflow.com/questions/56615/does-ie7-have-a-developer-mode-or-plugin-like-firefoxchromesafari

Debugging JavaScript in IE7

I&#39;m trying to &quot;force&quot; Safari or IE7 to open a new page _using a new tab_.

Programmatically I mean something like:

    window.open(&#39;page.html&#39;,&#39;newtaborsomething&#39;);

Programmatically open new pages on Tabs

Like everyone else, I need to test my code on Internet Explorer 6 and Internet Explorer 7. Now Internet Explorer 8 has some great tools for developer, which I&#39;d like to use. I&#39;d also like to start testing my code with Internet Explorer 8, as it will soon be released.

The question is: how to run Internet Explorer 6, Internet Explorer 7, and Internet Explorer 8 on the same machine. So far with Internet Explorer 6 and Internet Explorer 7 I&#39;ve been using [Multiple IE][1]. But people have reported (see comments on the page linked in the previous sentence) issue with Internet Explorer 6 after installing Internet Explorer 8. Those errors are related to focus in form fields. Running Internet Explorer 7 wouldn&#39;t matter so much as Internet Explorer 8 can use the Internet Explorer 7 rendering engine, but we still need Internet Explorer 6.

How to run Internet Explorer 6, Internet Explorer 7, and Internet Explorer 8 on the same machine?

  [1]: http://tredosoft.com/Multiple_IE?page=6


Running Internet Explorer 6, Internet Explorer 7, and Internet Explorer 8 on the same machine

Is there a way to force IE8 into IE7 compatibility mode using .NET or Javascript?

Content Type	Original Author	Original Content on Stackoverflow
Question	frank hadder	View Question on Stackoverflow
Solution 1 - Html	frank hadder	View Answer on Stackoverflow

IE7 CSS Scrolling Div Bug

Html Problem Overview

Html Solutions

Solution 1 - Html

Smarter Vim recovery?

How to read values from numbers written as words?

Attributions