IE9 is causing checkboxes to render stretched, while all other browsers maintain the size of the checkbox but expand a clickable invisible area.
Is it possible to disable this behavior in IE9 using CSS without affecting the behavior of other browsers (invisible area)?
It appears difficult to achieve a normal checkbox even when switching to other compatibility modes.
I am running Windows Vista SP2, 64-bit, with IE 9.0.8112.16421. I have tested this on two computers with similar configurations.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Is IE Really Great?</title>
<style>
body
{
}
#test_checkbox
{
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<div id="test_box">
<input type="checkbox" id="test_checkbox" />
</div>
</body>
</html>