Is it possible to have more than one background image styled for an HR tag?

Currently, I have some code written like this (pseudo-code):
Code:
<div align="center">
  <img src="line.gif" style="height:1px; width:43%; vertical-align:middle;" />
  <img src="middle.gif" style="vertical-align:middle;" />
  <img src="line.gif" style="height:1px; width:43%; vertical-align:middle;" />
</div>
This displays three images pasted next to one another... the middle image is sandwhiched between two horizontal lines (gif images) which extend/contract based on the window size.

Is it possible to style this to do the same thing using an HR tag? This would be easier than doing an SSI INCLUDE call for this snippet of code.