FF unwanted white space between inline divs

[ElemenoP]

This works (butts the two images):

<div>
<div style="display:inline"><a href="#"><img src="img/dash_tab_support.gif" width="88" height="29" alt="Support" style="vertical-align:bottom" /></a></div><div style="display:inline;"><a href="#"><img src="img/dash_tab_help.gif" alt="Help" width="77" height="29" border="0" style="vertical-align:bottom" /></a></div>
</div>

But if I put a hard return between the two items (which the programmers want) it adds white space between the two images in Firefox:

<div>
<div style="display:inline"><a href="#"><img src="img/dash_tab_support.gif" width="88" height="29" alt="Support" style="vertical-align:bottom" /></a></div>
<div style="display:inline;"><a href="#"><img src="img/dash_tab_help.gif" alt="Help" width="77" height="29" border="0" style="vertical-align:bottom" /></a></div>
</div>

What can I do about this? I am using XHTML/Strict DTD.

Thanks.

[ratman7]

Try {float:left;} on the divs or images.