Question

I am using IE8 browser. It creates an empty text node after <input /><span><textarea> like this tags.
I cant found how rectify this. Can anybody tell me to fix this issue..?
Code :-

        <form id="addNewsForm" action="/addNews.php" method="post" enctype="multipart/form-data">
            <label>Title : </label>
            <input type="text" class="addNewsTitle" name="addNewsTitle" />
            <label>Content : </label>
            <textarea rows="10" cols="35" name="addNewsCnt" class="addNewsCnt"></textarea>
            <label>Category : </label>
            <select>
                <option>world</option>
                <option>important</option>
                <option>common</option>
                <option>tamilnadu</option>
                <option>lifestyle</option>
            </select>
            <input type="button" name="noimage" class="newsImgAdd" value="ADD IMAGE" /> 
            <input type="file" name="file" class="addNewsImg" />
            <input type="submit" class="submit addNewsSubmit" value="SUBMIT" />
            <iframe id="addNewsFrame" name="addNewsFrame"></iframe>
        </form>

Answer 1

IE8 shows the empty text nodes because sometimes it considers the space between two elements as Empty Text Node.

You need to remove the space between the fields.

Fiddle – http://jsfiddle.net/uTDWD/1/