Как игнорировать переполнение родительского элемента :, скрытое в css

У меня есть элемент div, обертывающий другие элементы div вот так:

<div style="overflow:hidden">
    <div id="a"></div>
    <div id="b"></div>
</div>

У меня есть другие правила css, которые управляют размерами внешнего div. В моем реальном коде я хочу расположить div #ровно на 10 пикселей ниже внешнего div. Однако я хочу, чтобы div #b по-прежнему был обрезан скрытым переполнением внешнего div :.

Каков наилучший способ добиться этого?