The problem seems to lie with how you are attempting to put the files. There is absolutely no need to involve your index.html page in any way to upload the new "sucky" page. In fact, it would be much safer NOT to involve your index page in any part of this, so as to avoid Search Engine indexing of Sucky.htm and Sucky.css.
First, did you rename your copied index page "sucky.htm"?
If so, connect to your server by hitting the Connect button in the Files window.
Next, from your Files window, right click sucky.htm and choose Put from the pop-up context menu. This will Put sucky.htm onto your server and possibly ask if you want to "Put Dependant Files", click "NO" if it asks.
Next, right click sucky.css and click Put from the pop up menu, this will put sucky.css onto the server.
Finally, post a link like www.yoursitename.com/sucky.htm (make sure to include any directory it may be in, like www.yoursite.com/pages/sucky.htm) and we will be able to see it.
If it is still not uploading the sucky files using these instructions, there is likely something wrong with your FTP credentials, or you are attempting to upload to a directory you don't have access to. Make sure the "sucky" pages are within your defined site and try again. Usually, I will put test pages like this within a test folder on my site, then just right-click-put the folder. Once the problem is solved, simply delete that folder off your server.