<div>
No prob, it was a learning experience for me too lol
</div>


No prob, it was a learning experience for me too lol

<div>
<div class="content wysiwyg-content">
okay, I'm looking for an explination as to -why- this is happening. &nbsp;There's half a dozen things I know I can do to fix it, but I'm trying to avoid writing code that does the same thing in the future (it's the 3rd time it's happened to me).<br />
<br />
open this in IE:<br />
<br />
&lt;html&gt;<br />
&lt;body&gt;<br />
&lt;style&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.iTitle{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;30%;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size: &nbsp; &nbsp; &nbsp; &nbsp;11px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;float: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;left;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.iItem{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;70%;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-size: &nbsp; &nbsp; &nbsp; &nbsp;11px;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;float: &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;left;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&lt;/style&gt;<br />
<br />
&lt;div class=&quot;iTitle&quot;&gt; &lt;/div&gt;<br />
&lt;div class=&quot;iItem&quot;&gt; &lt;/div&gt;<br />
<br />
&lt;div id=&quot;autoship&quot; style=&quot;width:100%;display:<wbr />none&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;!--the length of visible content in this div determines the amount of &quot;ghost&quot; content that show up&quot;--&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;blah blah<br />
&lt;/div&gt;<br />
<br />
&lt;div class=&quot;iTitle&quot;&gt;&quot;Ghosted Content&quot;&lt;/div&gt;<br />
&lt;div class=&quot;iItem&quot;&gt; &lt;/div&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
<br />
fixes:<br />
- remove float from iitem<br />
- put &lt;br&gt; tags after the first iitem tag<br />
- change iitem.width = 69%
</div>
</div>


okay, I'm looking for an explination as to -why- this is happening.  There's half a dozen things I know I can do to fix it, but I'm trying to avoid writing code that does the same thing in the future (it's the 3rd time it's happened to me).

open this in IE:

<html>
<body>
<style>
	.iTitle{
		width:            30%;
		font-size:        11px;
		float:            left;
	}
	.iItem{
		width:            70%;
		font-size:        11px;
		float:            left;
	}
</style>

<div class="iTitle"> </div>
<div class="iItem"> </div>

<div id="autoship" style="width:100%;display:none">
	
	blah blah
</div>

<div class="iTitle">"Ghosted Content"</div>
<div class="iItem"> </div>
</body>
</html>

fixes:
- remove float from iitem
- put <br> tags after the first iitem tag
- change iitem.width = 69%

weird ie bug

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.