Internet Explorer empty div link

Question

I want to make an empty div react to click.

HTML

<div id="closeButton"></div>

CSS

#closeButton {
height:100px;
position:absolute;
right:0;
top:0;
width:100px;    
z-index:1000;
border:1px solid blue;
}

Javascript

$('#closeButton').click(function() {
alert("yo");
});

This works perfectly in Firefox, but not in Internet Explorer. Why?

Answer 1

I solved it by adding a 1x1 transparent png as background-image. This made the div render properly and possible to use for click functions.

Answer 2

这似乎是一个奇怪的错误，唯一的解决方案是将IE设置为符合HTML4标准的模式

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Answer 3

Try this:

$(function(){
  $('#closeButton').click(function(){
      alert("yo");
  });
})