I'm working on a masthead that's defined in a layout .xslt file.

I'm trying to make a masthead with two images - necessary b/c each one links to a different place. But in browsers (Firefox and IE6) it's displaying the 2nd image on the next line. What can I do to have both images display on the same line?

Total width of the layout in the css is 830. Image 1 is 540w and image 2 is 290w. But I tried reducing image 2 to 190w and that didn't solve it.

Here is the code from the xslt file:

<div id="banner">
<a href="/"><img alt="African People's Solidarity Committee" src="/style/images/apscmasthead-new1.jpg" /></a>
<a href="http://www.solidarityforafrica.org/giveback.shtml"><img alt="African People's Solidarity Committee" src="/style/images/apscmasthead-new2.jpg" /></a>
</div>

Thanks, Lisa

I figured it out - it wasn't in the xslt - it was that the banner was defined with a display style of block in the css. I changed to inline.

Thanks!