c# - プログラムによるコントロールの追加

Question

ASP.NET Web ページを作成しています。世界地図があり、C# でいくつかの画像ボタン (都市) コントロールを追加したいと考えています。私は方法を作りました：

データベースからデータを取得するためにストアド プロシージャを使用していますが、プロシージャに次の都市を追加すると、以前に追加したイメージ ボタンの位置が変わります。

private void LocateCities()
{
IDBManager dbManager = new DBManager(DataProvider.SqlServer);
dbManager.ConnectionString = @"Data Source=server; Initial Catalog=db;  Integrated Security = SSPI;";
try
{
    dbManager.Open();
    dbManager.CreateParameters(2);
    dbManager.AddParameters(0, "@Function", "All");
    dbManager.AddParameters(1, "@Team", "All");
    DataSet ds = new DataSet("Stuff");
    ds = dbManager.ExecuteDataSet(CommandType.StoredProcedure, "sp_select_staff_and_cities");                    

    foreach (DataRow dr in ds.Tables[0].Rows)
    {
        int xaxis = Convert.ToInt32(dr["xaxis"]) ;
        int yaxis = Convert.ToInt32(dr["yaxis"]) ;
        int textxaxis = xaxis + 30;
        int textyaxis = yaxis - 10;

        ImageButton btnCity = new ImageButton();
        btnCity.ImageUrl = "~/Images/cyanball1.gif";
        btnCity.Height = 10;
        btnCity.Attributes.Add("style", "Z-INDEX:100; POSITION:relative; left:" + xaxis + "px; TOP:" + yaxis + "px; Left:10px;Right:10px");

        Label lblCity = new Label();
        lblCity.Text = dr["city"].ToString();
        lblCity.Attributes.Add("style", "Z-INDEX: 100;POSITION:relative; left:" + textxaxis + "px; TOP:" + textyaxis + "px");

        PanelMap.Controls.Add(lblCity);
        PanelMap.Controls.Add(btnCity);    
    }
}
catch (Exception ex)
{
    Response.Write(ex.ToString());
}
finally
{
    dbManager.Dispose();
}
}

パネルを使用して画像をマップに保持しています: .PanelMap { width:960px; 高さ:572px; テキスト揃え:左; }

ポイントを所定の位置に保持するには、上記のコードで何を変更する必要がありますか?

position:absolute を使用しようとしましたが、位置がページに対して相対的に導出され、パネル コントロールに対して相対的に導出されるようにしたいと考えています。