Почему не работает input label в Safari?

Question

[Ik_Ing]

Во всех браузерах всё ок, только в Safari при нажатии ничего не происходит. Кто знает, подскажите пожалуйста как исправить.
HTML

<div class="horizontal-click">
    <input type="checkbox" name="vkl" id="vkl1"/>
    <label for="vkl1">ONE</label>
    <div>
        <p>Text.</p>
    </div>
    <input type="checkbox" name="vkl" id="vkl2"/>
    <label for="vkl2">TWO</label>
    <div>
        <ul>
            <li>text</li>
            <li>text</li>
        </ul>
    </div>
</div>

CSS

.horizontal-click [name="vkl"] { display: none; }
.horizontal-click > :not(input):not(label) {
    overflow: hidden;
    height: 0;
    margin: 0;
    padding: 0 .5em;
    border: none;
    border-top-style: none;
    transition: height 0.5s ease;
    -webkit-transition: height 0.5s ease;
}
.horizontal-click > label {
    overflow: hidden;
    display: block;
    padding: .5em 1em;
    background: #ffffff;
    color: rgb(200,200,200);
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    border-top: 1px solid #eeeeee;
}
.horizontal-click > :checked + label + * {
    overflow: visible;
    height: auto;
}
.horizontal-click > :checked + label {
    background: #eeeeee;
    cursor: default;

Answer 1

[Михаил Жилин]

А у меня работает ! Хакинтош GA-Z97MX Gaming 5 rev.1.0 GV-nGTX970IXOC 4GD MAC OS X 10.10.4 SAFARI последнее обновление !