How can I make a box hide when mouse hovers other element
<p>Im making a webpage and at the moment it has a full screen background image with an overlaying div containing all the page text content slightly off center an about 500px wide so the image is visible behind it. I'd like to be able to hover the mouse over the background image which would cause the text box to close close up exposing the background image to be fully viewed, however the content box needs to open again when the mouse moves </p>

<p>I hope that makes sense, can anyone help me?</p>
