Почему обрезается div?
Блок bb заявляет, что любой блок должен быть от него на расстоянии не менее 50 прикселей. Родительского блока это не касается. Для отступов от границ родительского блока, у родителя должны быть поля (padding) jsfiddle.net/JyHCd/ или родительский блок должен ограничивать взаимодействие вложенных блоков за своими границами (overflow jsfiddle.net/JyHCd/1/ ). Ещё в некоторых специфических случаях допустим такой вариант: jsfiddle.net/JyHCd/2/
Ещё, как вариант, можно добавить отступы у родительского элемента, например:
padding: 1px 0;

А у внутреннего элемента выравнивание сделать на 1px меньше, например:
margin: 49px 50px;
