Position Issues… Stacking

Hello all. I am fairly new. I’ve worked with a variety of Themes before, but this was my first go at a custom theme. here’s my issue:

WP v. : 2.2
site: http://www.trappedinhell.com
css: http://www.trappedinhell.com/wp-content/themes/custom/style.css

OK. issue:

I’m wrapping my “logo” in a block and float:left. this works fine. UNTIL you begin shrinking the browser window. When you do this the main content block drops and stacks on the position of the logo. i don’t want this. what I would like instead is that the logo block NOT move. so when the window begins shrinking that instead of stacking it just stops scaling the window. in a normal browser this is not an issue as most people’s resolutions settings are high enough to not be a problem. but on lower res screens it gets wonky.

any ideas? i do not pretend to be a CSS expert, as I am continuing to learn as i create. i have a feeling it has something to do with HOW i am wrapping the content and not declaring position, but i can’t seem to figure it out.

thanks in advance for any feedback, and i do take criticism well. feel free to comment on the design, etc.