title: CSS margin issue in IE only
body: <p>I'm using a grid system as a responsive layout for a single webpage on our corporate site (<a href="http://lexisnexis.stacklaw.com.au" rel="nofollow">lexisnexis.stacklaw.com.au</a>) and am having some css issues in IE.</p>
  
  <p>The [+]/[-] links that are inserted by jquery are moving 20-30px above where they are supposed to appear. 
  If you view the page in FireFox or Chrome, they are exactly right.
  How can I fix this?</p>
  
  <p>Another quick question, how can I either make each section's  toggle the changeclass as well or, move the [-] to be up on the same line as the  when expanded?</p>