IE8で Google Mapsの地図をクリックするとポイントがずれる

Google Maps APIを使って自分のサイトにGoogle Mapsを表示してIE8を使って見ると、地図上のクリックしたところでイベントが起きずに、かなりずれた所がクリックされたことになってしまう。

現時点で根本的な解決策は無いらしい。

次善の策として、metaタグの<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />等によりIE7モードで動作させればこの問題は発生しない。
ただし、もしそのページをIE8用に何かしていたら無効になってしまうけど。

本家Google Mapsを見たら、やはりmetaタグでIE7モードにしていた。


参考：
　IE8とGoogle Mapsのclickイベント - ここのことはなかったことにするかも
　IE 8 Problem with Click Point - Google Maps API | Google グループ
　Issue 1055 - gmaps-api-issues - Wrong latlng value in click handler with IE8/RC1 - Google Code

IE8で特定の条件で white-space: nowrapが暴走するバグ

レアなケースだが、下記の条件を満たすと、white-space:nowrapが指定した要素の外にも効力を発揮してしまうようだ。

条件

• nowrapにする要素は、table要素の中にある
• table要素の親要素がfloatになっている
• nowrapにする要素が複数並んでいる
  
• nowrapにする要素内の先頭には、inputやimg等の要素がある（a要素の場合は問題なかった）
  

上記の条件を満たすと、nowrapにする要素と次のnowrapにする要素の間も改行されなくなる。


バグが発生するHTMLの例

<style type="text/css">
span{
white-space: nowrap;
}
</style>

<div style="float:left; width:12em; background-color:#fff">
<table>
<tr>
<td>
<span>IE8改行バグの例</span>
<span><input type="text" /></span>
<span><img src="sample.gif" /></span>
</td>
</tr>
</table>
</div>

IE8で表示すると↓spanと次のspanの間のところで改行されず、横にはみ出してしまう。

IE7では正常↓

Firefoxでも正常↓