modal popup problem

hi, im having a problem on this ajax toolkit, i tried to play around the sample website of modal popup, and its working great..but then, when i tried to put the codes inside my page, it doesn't work. i placed it inside the tabs (with hand coded values) and tried to run it, the values went blank, and the link does not appear. i placed it outside, the wholepage went blank.whats seems to be the problem? is it ok for me to put it inside another ajax control like tabs?if yes, how can i achieve this? here is my code by the way

this is inside the tabs

1<cc1:TabContainer ID="Tabs" runat="server" Height="500" ScrollBars="Auto">23 <cc1:TabPanel runat="Server" ID="Panel3" HeaderText="Payslip" >4 <ContentTemplate>5 Email: <asp:TextBox ID="emailText" runat="server" />6 <br /><br />7 <asp:Button ID="Button2" runat="Server" Text="Save" />8 <br /><br />910 <asp:LinkButton ID="LinkButton1" runat="server" Text="Click here to change the paragraph style" />1112 <asp:Panel ID="Panel1" runat="server" Style="display: none" CssClass="modalPopup">13 <asp:Panel ID="Panel3" runat="server" Style="cursor: move;background-color:#DDDDDD;border:solid 1px Gray;color:Black">14 <div>15 <p>Choose the paragraph style you would like:</p>16 </div>17 </asp:Panel>18 <div>19 <p>20 <input type="radio" name="Radio" id="RadioA" checked="checked"21 onclick="styleToSelect = 'sampleStyleA';" />22 <label for="RadioA" class="sampleStyleA"23 style="padding: 3px;">Sample paragraph text</label>24 </p>25 <p>26 <input type="radio" name="Radio" id="RadioB"27 onclick="styleToSelect = 'sampleStyleB';" />28 <label for="RadioB" class="sampleStyleB"29 style="padding: 3px;">Sample paragraph text</label>30 </p>31 <p>32 <input type="radio" name="Radio" id="RadioC"33 onclick="styleToSelect = 'sampleStyleC';" />34 <label for="RadioC" class="sampleStyleC"35 style="padding: 3px;">Sample paragraph text</label>36 </p>37 <p>38 <input type="radio" name="Radio" id="RadioD"39 onclick="styleToSelect = 'sampleStyleD';" />40 <label for="RadioD" class="sampleStyleD"41 style="padding: 3px;">Sample paragraph text</label>42 </p>43 <p style="text-align: center;">44 <asp:Button ID="OkButton" runat="server" Text="OK" />45 <asp:Button ID="CancelButton" runat="server" Text="Cancel" />46 </p>47 </div>48 </asp:Panel>4950 <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server"51 TargetControlID="LinkButton1"52 PopupControlID="Panel1"53 BackgroundCssClass="modalBackground"54 OkControlID="OkButton"55 CancelControlID="CancelButton"56 DropShadow="true"57 PopupDragHandleControlID="Panel3" />5859 Hit Save to cause a full postback.60 </ContentTemplate>61 </cc1:TabPanel>6263 <cc1:TabPanel runat="Server" ID="TabPanel1" HeaderText="Email" >64 <ContentTemplate>65 Email: <asp:TextBox ID="TextBox1" runat="server" />66 <br /><br />67 <asp:Button ID="Button4" runat="Server" Text="Save" />68 <br /><br />69 Hit Save to cause a full postback.70 </ContentTemplate>71 </cc1:TabPanel>7273 <cc1:TabPanel runat="Server" ID="TabPanel2" HeaderText="Email" >74 <ContentTemplate>75 Email: <asp:TextBox ID="TextBox2" runat="server" />76 <br /><br />77 <asp:Button ID="Button5" runat="Server" Text="Save" />78 <br /><br />79 Hit Save to cause a full postback.80 </ContentTemplate>81 </cc1:TabPanel>8283 <cc1:TabPanel runat="Server" ID="TabPanel3" HeaderText="Email" >84 <ContentTemplate>85 Email: <asp:TextBox ID="TextBox3" runat="server" />86 <br /><br />87 <asp:Button ID="Button6" runat="Server" Text="Save" />88 <br /><br />89 Hit Save to cause a full postback.90 </ContentTemplate>91 </cc1:TabPanel>92 </cc1:TabContainer>

Hi,

Please try to remove theDropShadow="true" in the ModalPopupExtender.