Hey guys, thanks for all the suggestions! I finally narrowed it down to the js file that controls multiquote. It references the EXACT image names for multiquote_on and multiquote_off. So, I just renamed my png files to those names and now it works!
Here's the fixed HTML:
Code:
<if condition="$show['multiquote_post']">
<a href="$post[replylink]" rel="nofollow" onclick="return false" class="buttons" style="margin-bottom:10px; width:60px"> <img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.png" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
</if>
I also stuck all my png images in the default folder so I don't have to mess with editing the html again if I decide to switch images later on.
Now, I assume I could edit the js file to switch css classes...but I'm clueless when it comes to js, so I'm be happy with this for now.
Thanks again!
Edit:
Well, not so fast unfortunately. If I add text to the button it messes up again. It may just end up being a png icon inside of my css box as my html above shows. I had planned on this (the multiquote button) being a tiny button anyway.