CSS复选框：选中不在Safari中更改

Question

代码适用于Firefox和Chrome。我无法通过Safari加载CSS。选中该复选框后，div应更改其高度，使其显示。 safari没有得到：检查psuedo类或什么??? CSS代码：

.the_form_div {background-color:midnightblue;width:400px;padding-left:20px;color:#fff;padding-top:20px;padding-bottom:20px;margin:auto;}
#the_box {max-height:0;overflow:hidden;}
input[type=checkbox]:checked ~ #the_box {padding-bottom:200px;}

此处示例： http://jsfiddle.net/vF9Ud/

Answer 1

OP在这里 - 我升级到最新版本的Safari并解决了我的问题。获得的经验：始终确保您的浏览器是最新的CSS！