Contrain Fixed Content Within a DIV

[KgfHk]

I have a page that looks like so: \[code\]<div class="menu"> <!-- MENU CODE --> </div><div class="main"> <!-- MAIN CONTENT --> </div><div class="footer"> <!-- FOOTER CODE --> </div>\[/code\]I have a floating share bar to the left of the page. However there are cases where the floating bar is beside the menu or beside the footer. How do I create a fixed position item and then contain it within an element, in this case the \[code\]main\[/code\] element.I currently have the float bar set at \[code\]position: fixed\[/code\] I am using jQuery 1.8.3 on the page.