cfdiv not displaying properly

[Syzzle Inc]

Has anyone else had problems with cfdiv not positioning properly in the browser window? I have a cfdiv, inside an absolute positioned div, that displays in different parts of the browser window in different browsers. The code is basically:

div class="headerSubMenuBox" id="divHeaderSubMenuBox">

<cfdiv id="divSubMenu" bind="url:/process/submenu/about.cfm" bindonload="false" />

</div>

The div has absolute positioning in the style sheet, say at "left: 450px" and "top:300px".  In Safari and IE 8 for Windows, the contents of the cfdiv are displayed in one location. In Firefox (Mac and Windows) and Opera (mac), the cfdiv is located about 50 pixels down and to the right of where Safari displays it.

I've tried several variations of the code, including just having the cfdiv (not wrapped in a div). Still, it displays in different locations in different browsers. Is this a known issue?

Thanks.

[WolfShade]

It's been my experience that the cross-browser issues like this are usually corrected by using different CSS for each of the major browsers.  Whether it's a matter of using a different .css file for each browser, or using some other method of determining browser and modifying the CSS accordingly, most issues can be resolved.  Most.

^_^

[JoeBackward]

Try adopting something like the Yahoo! user interface toolkit, which has some of the best possible support for cross browser stuff, and is free.  It's a bunch of work to get started, but if you need to work on Opera, Chrome, and IE 6, you'll be smiling.

[Dileep_NR]

Please make sure the "x" and "y" specified for the cfwindow,

Sample code-

ColdFusion.Window.create('Window1', 'Window Title','test.cfm?test=bv',
        {_cf_refreshOnShow:true,x:100,y:100,height:300,width:400,modal:false
            ,closable:true,draggable:true
            ,resizable:true,center:true
            ,initshow:true,minheight:200,minwidth:200 })