Start Building Professional
Web Apps Today

Divider invisible ?

Hello,

when i am adding a divider it doesn't appear..
I want a divider between my top-level menu items, this is my XML:

<menu width="100%" height="30px" mode="classic">
<MenuItem name="DE HOFMAEKERS" href="http://xserver.dtpxpress.nl/hof/">
<MenuItem name="WIE ZIJN WE" href="http://xserver.dtpxpress.nl/hof/wiezijnwe"/>
<MenuItem name="WAT DOEN WE" href="http://xserver.dtpxpress.nl/hof/watdoenwe"/>
</MenuItem>
<divider/>

<MenuItem name="TUINEN" href="http://xserver.dtpxpress.nl/hof/tuinen">
<MenuItem name="ONTWERP" href="http://xserver.dtpxpress.nl/hof/tuinen/ontwerp"/>
<MenuItem name="AANLEG" href="http://xserver.dtpxpress.nl/hof/tuinen/aanleg"/>
<MenuItem name="ONDERHOUD" href="http://xserver.dtpxpress.nl/hof/tuinen/onderhoud"/>
</MenuItem>

<MenuItem name="PROJECTEN" href="http://xserver.dtpxpress.nl/hof/projecten">
<MenuItem name="TUIN 1" href="projecten/tuinen/Omschrijving_Van_Tuin_1"/>
<MenuItem name="TUIN 2" href="projecten/tuinen/Omschrijving_Van_Tuin_2"/>
<MenuItem name="TUIN 2" href="projecten/tuinen/Omschrijving_Van_Tuin_2"/>
</MenuItem>
</menu>

And if I go in my FireFox to the source of the selected text( Apple+A first ) and then i search for: divider and found this:

<div style="width: 0px;" class="menuDivider"></div>

As you can see it has set the div style width on 0px!! Why is that ? I am using FireFox 3.0 (Beta)

Thanks in advance.

Please check attached sample - it uses the same XML for the menu configuration and divider rendered correctly.
Which doctype you are using for HTML page ?