Hi to all, I have the following problem, I have a div that includes a pictures and texts, if you put the following code in a html, and see the result, you can notice that in IE the text is displayed inside the DIV, in Firefox you can see the text is outside the DIV, this happens if the picture in the DIV is bigger(you can see attached picture)

<Div id="MyDiv" style="height:250px; width:375px;border:1px #048ab6 solid; background:#f7f7f7">  
<center>
    <br />
    <img src="Warning.png" />
	Title
    <br />
    <img src="pagerror.gif" />
    <br /><br /><br />
    text text text text text text text text text text text text text text text text
    <br /><br /><br />
</center>
</Div>

Why is mozilla browser is different? And How I can fix this?
Thanks in advanced

Attachments pagerror.gif 3.99 KB problem.JPG 26.99 KB Warning.png 1.29 KB

Try something like this:

<div style="width: 375px; max-width : 376px; height : 250px; max-height : 251px;"><div style="border : 1px solid #048ab6; overflow: hidden; background-color : #f7f7f7"><img src="Warning.png" style="border : none; margin : 0 auto 1em auto; display: block;" alt="test pic">
<img src="pagerror.png" style="border : none; margin : 0 auto 1em auto; display: block;" alt="test pic">
text text text text text text text text text text text text</div></div>
This question has already been answered. Start a new discussion instead.