Wrong rendering?

[Eric Schoenholzer]

Hi,
I'm using something like this:


<div id="tabstrip">

<ul>

<li class="k-state-active">

Movies

</li>

<li>

Series

</li>

</ul>

<div>

<div id="gridMovies" />

<div>

Second Tab Content

</div>

</div>

With that, the content of the second tab is rendered at the bottom of the first tab after the grid.
When I change it to

<div id="gridMovies"></div> 

it works fine.

Is that because the document isn't valid ("XHTML 1.0 Transitional")   ?   
Is it necessary to be 100% valid?
Using IE9.

Thanks
Eric

[Dimo]

Hello Eric,

Web standards exist to ensure that compliant browsers behave in a consistent and expected manner.

In this particular case, browsers treat the self-closing <div /> tag as a start tag, which makes the TabStrip think it has only one content tab.

Regards,
Dimo
the Telerik team