change footer size is not working with iframe instagram gadget inside

[Templatesyard]

I want that footer2 covers nearly the whole width of the page but I can just move the footer2 box, it not reacts if I want to change the width where the instragam window is within ;(
on the bottom 4 footer boxes exist
– delated footer1
– footer2 and footer3 filled
– footer4 not in use

footer2 is filled with CSS/JAVASCRIPT GADGET:

<!-- imageagram.com -->

<iframe id="instimg-iframe" src="http://imageagram.com/scrolling.php?q=u&search=apropos&wt=sr&s=225&h=3&w=3&b=no&c=&p=2&ho=fadeIn&sh=yes&ww=450&as=on" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px" ></iframe>

———————————————————–

!-- Footer Starts-->
 <footer id='footer-wrapper'>
<div class='container'>
        <div id='footer'>
          <div class='widget-area'>
            
            <b:section class='column' id='footer2' showaddelement='yes'>
              <b:widget id='HTML3' locked='false' title='me on Instagram' type='HTML'>
                <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
              </b:widget>
            </b:section>
            
            <b:section class='column last' id='footer3' showaddelement='yes'>
              <b:widget id='Label2' locked='false' title='Labels' type='Label'>
                <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
              </b:widget>
            </b:section>
            <b:section class='column last' id='footer4' showaddelement='yes'/>
          </div>
          <!-- /.widget-area-->		
        </div>
        <div class='clear'/>

   </div>
      </footer>
<!-- Footer Ends-->

[Templatesyard]

Please post your blog URL and template name.

[Author]

Posts