Display a (short) topic in a pop-up window?

[TraceyYates]

My UX designer would like the technical support information to appear in a pop-up when the user clicks an icon in the help pages, like below.

TechSupportPopUp.jpg

I have set the link up to link to a .htm file in the project, and to use Target Frame = Popup Window. However, it keeps coming up with the text in a browser window instead of in a pop-window. Below is the code from the style sheet for the link pop-up:

a.Popup
{
mc-popup-height: 50px;
mc-popup-width: 100px;
}

I couldn't find any attributes in the style sheet that referenced "target," "frame," or "window."

Here is the link code from the topic that I want the pop-up to appear over:

<a href="SupportPopUpText.htm" target="_popup"><img src="Resources/Images/SupportIconCircledSmall.png" class="Hyperlinked" style="width: 50px;height: 50px;vertical-align: middle;" /></a>


I can't figure out what I am doing wrong. Any insights into this issue would be deeply appreciated.


Thanks,
Tracey

[TraceyYates]

Update: After wrestling with this problem a while this afternoon, a memory percolated up from a few years ago, of having tried this very thing and having it not-work back then. I had forgotten about that experience, and am hoping that now the issue then with Target Frame = Popup Window has been resolved in Flare, and that someone knows what I'm doing wrong now.

In the meantime, I tried exploiting Flare's inline text pop-up feature, and I got close to what I wanted . . . but the pop-up window isn't quite big enough to fit all the support information. I need the pop-up to be wider and taller still.

CustomerSupportPopup.jpg

Is there a way to make this pop-up window bigger? Here is what I have in the style sheet right now:

a.Popup
{
color: #3665fc;
line-height: 18px;
mc-popup-height: auto;
mc-popup-width: auto;
}


And here is what I have in the topic to get the pop-up, using the image in the <MadCap:popupHead> field:

<MadCap:popup>
<MadCap:popupHead>
<img src="Resources/Images/SupportIconCircledSmall.png">
</img>
</MadCap:popupHead>
<MadCap:popupBody>
<p class="ContactSupportHeading">Customer support</p>
<p>Monday–Friday, 7:00 <span style="font-variant: small-caps;">a.m.</span> to 7:00 <span style="font-variant: small-caps;">p.m.</span> CST</p>
<p>Email: <a href="mailto:support@eso.com">support@eso.com</a></p>
<p>Phone: 866-766-9471</p>
</MadCap:popupBody>
</MadCap:popup>


Any help would be wonderful.


Thanks,
Tracey