Strange PopUp and Mouse clicking point

[demdeberanz]

Hi everybody,
  I'm getting the following issue: when I click on a feature to show the related popUp I get the popUp in the image, with the "arrow" offset than the balloon (like in the attached image [ATTACH=CONFIG]15124[/ATTACH]).
Furthermore, sometimes happen that when I click on the map the recognized click is in a different position than the actual one, showing the popUp of another feature.

Can Someone help me?

Thank you very much.

[RahulMetangale1]

I think it is a CSS issue. Ensure that you have copied the style in your application.

[demdeberanz]

Thank you for your reply, what is ,exactly, the css file i should check?

Thank you very much.

[PramodHarithsa1]

what is ,exactly, the css file i should check?

I hope you have included this.,

<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/esri/dijit/css/Popup.css"/>

The offset is generally encountered when the browser doesn't resizes.
you can include this to resize the browser.,

    dojo.connect(map, 'onLoad', function (theMap) {
                //resize the map when the browser resizes 
                dojo.connect(dijit.byId('map'), 'resize', map, map.resize);
            });

[PramodHarithsa1]

I hope you have included .,

<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/esri/dijit/css/Popup.css"/>

The offset is generally encountered when the browser doesn't resizes.
you can include this to resize the browser.,

    dojo.connect(map, 'onLoad', function (theMap) {
                //resize the map when the browser resizes 
                dojo.connect(dijit.byId('map'), 'resize', map, map.resize);
            });

[demdeberanz]

I hope you have included .,

<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/esri/dijit/css/Popup.css"/>

The offset is generally encountered when the browser doesn't resizes.
you can include this to resize the browser.,

    dojo.connect(map, 'onLoad', function (theMap) {
                //resize the map when the browser resizes 
                dojo.connect(dijit.byId('map'), 'resize', map, map.resize);
            });

Hi pramodharithsa,

<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.8/js/esri/dijit/css/Popup.css"/>

For sure I included it 😄

The offset is generally encountered when the browser doesn't resizes.
you can include this to resize the browser.,

    dojo.connect(map, 'onLoad', function (theMap) {
                //resize the map when the browser resizes 
                dojo.connect(dijit.byId('map'), 'resize', map, map.resize);
            });

I tried also with the latter solution, but nothing happend. I debugged the JS and the event is fired and also the method is executed without any error, but nothing.
But I think you pointed out the problem, because I get it when, for instance, I resize the browser window.
An important detail is that I get this issue only on IE8 and IE9 but not in Firefox neither in Chrome.
I'm still trying to figure out how to fix this problem...