I embed a form inside another form, and only a part of it is showing

I tried to used the embedded form to set up two payment methods. I followed your staff's advice to embed a Form A to my primary form.

Form A: http://form.jotformpro.com/form/51031641715950

Primary form: http://form.jotformpro.com/form/51031152275948

However, problems occur as follows. Form A looks perfectly fine in Jotform, but when embedded into the primary form, it appears just as a little part. 

This problem irritates me as I just found your embedding function and thought this was genius, until I got this problem. 

Thanks so much. Your team's help means a lot to me.

Please add this css code:

iframe

{height:2400px;} 

If you wish you can also add width. You can test it here:

http://form.jotformpro.com/form/51034234331945? 

Let us know if we can assist you further.   

Thank you for your quick response. I've tried the height method, but still I am facing 3 problems.

1. Height: the rest of the Form A is shown now, but too much meaningless space has been shown. I tried change the height but it does not work. The meaningless space is still here as follows.

2. I've tried to change the width, but does not work as follows.

Unfortunately the meaningless space is there because if you choose the credit card option it will show more fields below. 

I will try to find a better solution for this situation and will let you know more as soon as I have more details.

Let us know if we can assist you further.