CSS - Css Software

Hi, I am working on an online store for the company that I work for and they have me using online shopping cart software to generate the site. It is nice to have the software handle all the back-end work for me but the process of writing html and css is such a pain that I write my code in DW and cut and paste it into the online software. The software gave me one css page to call my own that is automatically referenced on each page.

Here's my site:
http://www.nova-dataonline.com

So, with that said, here's my problem. As you can see, the graphics that I have placed in the center of the page overlap the bottom runner of the software-generated page. I have tried to get the main part of the page to expand with whatever content I have placed there since these are not the only images that will go on this page. But since I am not super experienced, I have been stumped. Part of the problem is that I have limited access to my source html and css. This is the css that I wrote to layout the four images that you see:

PHP Code:
#container{
 position:absolute;
 top:105px;
 left:185px;
 width:580px;
 z-index:0;
 height: 384px;
}

#top_left{
 background-image:  url(images/message/top_left.jpg);
 background-repeat: no-repeat;
 width:374px; 
 height:150px; 
 position:absolute;
 left:5px; 
 top:25px; 
 display:block;
 z-index:0;    
}

#top_left_text{
 text-align:left;
 vertical-align:middle;
 color:#FFFFFF;
 position:relative;
 left:0px; 
 top:0px; 
 width:auto; 
 height:auto; 
 padding:10px;
 z-index:1;    
}

#top_right{
 position:absolute; 
 left:384px; 
 top:25px; 
 width:191px; 
 height:150px; 
 z-index:0;
}

#bottom_left{
 position:absolute; 
 left:5px; 
 top:185px; 
 width:191px; 
 height:150px;
 z-index:0;
}

#bottom_right{
 background-image:  url(images/message/bottom_right.jpg);
 background-repeat: no-repeat;
 position:absolute;
 right:5px;
 top:185px;
 width:374px;
 height:150px;
 z-index:0;
}

#bottom_right_text{
 text-align:left;
 vertical-align:middle;
 color:#FFFFFF;
 position:relative;
 left:0px; 
 top:0px; 
 width:auto; 
 height:auto; 
 padding:10px;
 z-index:0;    
}
    
.header{
 color:#FFFFFF;
 font-size:medium;
} 





and here's the markup:

PHP Code:
<div id="container">
    <div id="top_left">
        <div id="top_left_text">
            <span class="header">Linksys 54Mbps Wireless Router</span><br /><br />Wireless-G is the upcoming 54Mbps wireless networking standard that's almost five times faster than the widely deployed Wireless-B (802.11b) products. Since they share the same 2.4GHz radio band, Wireless-G devices can also interoperate with 11Mbps Wireless-B equipment. Since both standards are built in, you can migrate to the new screaming fast Wireless-G standard as your needs grow.        </div> 
    </div>
    <div id="top_right"><img src="images/message/linksys_WRT54G.jpg" alt="Linksys WRT54" width="189" height="150"></div>
    <div id="bottom_left"><img src="images/message/netgear_WG311.jpg" alt="Netgear WG311" width="189" height="150"></div>    
    <div id="bottom_right">
        <div id="bottom_right_text">
            <span class="header">Netgear 54Mbps Wireless PCI Adapter</span><br /><br />At 54 Mbps, this wireless 2.4 GHz 802.11b/g PCI card is much faster than existing 11 Mbps wireless networks and will supercharge the delivery of media-rich content to your desktop PC as never before. It easily handles huge digital video and MP3 files, firing them through your network at blazing speeds.
        </div>
    </div>
</div> 





I am rather lost and would like to find a way to make this work. The kicker is that I cannot edit the main stylesheet for the page!

Any help would be awesome!

For a project I'm currently doing I'd like a set of quick reference sheets that I can print out of all the Selectors I have created in the various style sheets the site uses.

I'd like to know if there is any program out there that can do this automatically for me, I really like the way TopStyle does it -- see attached image -- but there is no way to print this easily (other than doing a screenshot and making it fit on A4 in photoshop).

I know I could do it by hand as I go but it would be sooooo much easier if there was something to do it automatically for me.

Any help is greatly appreciated.

-D