iFrame css manipulation across target site

iFrame css manipulation across target site

Hi Guys! 

I need this iframe for a facebook tab, since they changed the width to 520px. The original page in the iframe is 700px wide, and I've changed a few CSS properties using the frameReady plugin. It's works just fine, but trouble starts, when i'm navigating the target site, the CSS properties I've changed goes back to the original settings.

This is my code:
  1. <script>
  2. $.frameReady( function() {
  3.         $("#gmap-auto1map-gmap0").css("width", "520px");
  4.         $(".views-view-grid").css("width", "520px");
  5.         $(".title").css("font-size", "9px");
  6.  },
  7. "myFrame"
  8. );

  9. </script>

The page i'm talking about is this:

Try clicking any of the 'view on map' links, then you'll see where I'm getting at.

How could I work around this? Can I make it apply the script every time something new loads into the iframe?