Add a preview to a WordPress Control Panel

I’m trying to create a new wordpress template and inside it I added a Control Panel, inside this control panel there is an option that allows user to choose where he want’s to place a on a map, I try to explain: user can set div’s left and top attributes via control panel.
Now I know how to add an iframe that can show a preview of the changes but it doesn’t work as I would like (how to add the preview? read here: Modify CSS via Theme Control Panel) What I would like to add is a real time preview. As soon as the user modify TOP or LEFT attribute preview has to show what it is happening without showing it to “live” blog.

Can I add styles to footer with $wp_styles->add_data?

I’m working on a script to easily move js and css scripts to the footer using the add_data function in $wp_scripts and $wp_styles. I know for scripts that if the group is greater than 0 the script call will be moved to the footer (first foreach below does that). However, setting the group for styles doesn’t have the same effect (and group is set properly with second foreach). Is there a way to move styles to the footer with the same method, or should I be looking for an alternative?