Mam taki przypadek:
http://jsfiddle.net/vbxh0mr5/

Potrzebuję aby div #b nie rozciągał elementu #a ani #m, żeby pokazał się w całości i "nachodził" na el #c jak to najprościej wykonać?

Najprościej to dla a position: relative oraz overflow: visible, a dla b position absolute.

Faktycznie, w ten sposób działa, ale nie przedstawiłem problemu w pełni

Jeszcze raz kod:
http://jsfiddle.net/vbxh0mr5/1/

Chciałbym aby div #b był jakby "zawsze na wierzchu" nie zależnie od pozycji wewnętrznego scrolla.

I nie powiedziałeś, że a ma się zawsze scrollować? Dołóż więc w takim przypadku div, który będzie kontenerem (tej samej wielkości co a i a ma się w nim znajdować), z pozycją relative i umieść c w tym kontenerze.

Coś takiego?
https://jsfiddle.net/vbxh0mr5/1/

Możesz jakoś lepiej wyjaśnić, lub wrzucić właściwy link do fiddle?

Przepraszam, prawidłowy link tutaj:
https://jsfiddle.net/vbxh0mr5/2/

Teraz #b ma efekt jakby position: fixed, a chciałbym aby przesuwał się razem ze scrollem

Nie sądzę, by było to możliwe przy użyciu samego css.

A inny sposób? js? jak?

https://jsfiddle.net/vbxh0mr5/5/