How do I make it so that my site, http://www.tracyandcarol.com/, shows properly with all screen resolutions? Here's what I mean...

This is my site header at 1280 x 767


It looks perfect.

Here it is at 1024 x 768.


Not perfect.

The "RSS" and "Search" are pushed right off the screen, yet the right side bar remains.

I am using the overlay where the header image is supposed to be, to hold the day and date. It is positioned using the option "Header Image > Overlayed Blog Title/Tagline Style" - I have
..... float:none; margin-left:475px;
in there. I suspect that using pixels is causing my grief, but I was unable to use a percent or auto. Every time I tried either, my day/date remained aligned to the left. I also tried the instructions to position the div container (overlay) so that it would be in the center, but that remained left aligned also.

I thought the thread at http://forum.bytesforall.com/showthr...ht=screen+size might help, but it did not. Is there an options-only way to accomplish this or do PHP files need editing?

Change RSS Settings -> RSS Box Width from 280px to 180px

and add as CSS Insert:

td.logoarea-logo {
width: 100%; /* to make this cell get all available width */
}
td.feed-icons,
td.search-box {
width: 200px; /* to limit these cells to the width of the right sidebar*/
}
img.logo {
margin: 0 auto;  /* center image */
}

If any of these doesn't seem to get applied add !important i.e.

img.logo {
margin: 0 auto !important;
}