Urgent HTML/CSS Help wiil REWARD!

[GlobalRise]

So I am running on IPB 3.0.4 and decided to try to implement dual columns for one of my sections. So, I got it to display in dual columns using the css/html below. Now, the descriptions wont go to a second line like normal forums, it will just cause the actual forum to just disappear.

What I mean is, if you are on a low res screen, and you cant fit the entire description on a single line, it will continue onto a second line right below. But, it will not do so...it just freaks out...causing the forum to disappear.

Secondly, the other forums expand when they need to (down) so that it can fit the description and the sub forums, but on this dual column I have created it does not expand...the gradient stays the same...and the black splace just below the gradient also doesn't expand.

I really need help and if this can be completed by today you will be REWARDED.

The HTML

<!--DUAL COLUMN -->                 
                    <div class='category_block block_wrap'>
						<div class="main_cat_heading"><div class="mch_r"><div class="mch_l">                        
                        <h3 id='category_{$_data['cat_data']['id']}' class='maintitle'><a class='toggle right' href='#' title='{$this->lang->words['toggle_cat']}'>{$this->lang->words['toggle_cat']}</a> <a href="{parse url="showforum={$_data['cat_data']['id']}" seotitle="{$_data['cat_data']['name_seo']}" template="showforum" base="public"}" title='{$this->lang->words['view_cat']}'>{$_data['cat_data']['name']}</a></h3>
                        </div></div></div><!-- end main_cat_heading and sides -->
                        <div class="mcs_r"><div class="mcs_l">
                        <div class="dc_header">                        
                        
                        </div>
						<div class='ipb_table' summary="{$this->lang->words['forums_in_cat']} '{$_data['cat_data']['name']}'">
						<foreach loop="forums:$_data['forum_data'] as $forum_id => $forum_data">                        
						<div class="dc_section" style="width: 50%; float: left;">
                            <div class="cat_icon_bg">
                            				<if test="unreadicon:|:$forum_data['img_new_post'] != 'f_locked' && strstr( $forum_data['img_new_post'], 'unread' )">
												<a id='forum_img_{$forum_data['id']}' href="{parse url="app=forums&amp;module=forums&amp;section=markasread&amp;marktype=forum&amp;forumid={$forum_data['id']}&amp;returntoforumid={$this->request['f']}&amp;i=1" base="public"}" title="{$this->lang->words['bi_markread']}" class='forum_marker'>
													{parse replacement="{$forum_data['img_new_post']}"}
												</a>
									
												<script type='text/javascript'>
													ipb.global.registerMarker( "forum_img_{$forum_data['id']}", "{$forum_data['img_new_post']}", markerURL + "{$forum_data['id']}" );
												</script>
											<else />
												{parse replacement="{$forum_data['img_new_post']}"}
											</if>
                            
                            </div>
							<div class="dc_content" style="word-wrap: break-word">
                            <h2><a href="{parse url="showforum={$forum_data['id']}" seotitle="{$forum_data['name_seo']}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'>{$forum_data['name']}</a></h2>

							<p class='desc' style="word-wrap: break-word">{$forum_data['description']}</p>
                            </div>                      
						</div>                        
						</foreach>
                        <div class="clear"></div>
						</div><!-- end ipb table -->

The CSS

/*** Dual Column Styles ***/
.dc_section {
       border-top: 1px solid #1b1b1b;
       height: 65px;
       width: 50%;
       background:#000000 url({style_images_url}/row_bg.jpg) repeat-x top;
       float: left;
}

.dc_section .dc_content {
        margin: 10px 15px;
        float: left;

       
}

.dc_section .cat_icon_bg {
       background:#000000 url({style_images_url}/cat_icon_bg.jpg) no-repeat left top;
       border-right: 1px solid #1b1b1b;
       float: left;
       padding: 10px;
       height: 45px;
       width: 50px;
       word-wrap: normal;
       clear: both;
}

.dc_section .dc_content h2 {
       margin: 0;
       padding: 0;
       word-wrap: normal;
       clear: both;
}

.dc_section .dc_content h2 a{
       text-decoration: none;      
       font-size: .65em;
       word-wrap: normal;
       clear: both;
}

.dc_section .dc_content .desc {
        font-size: 0.9em;
        word-wrap: normal;
        clear: both;
}

.dc_header {
        background:#012150 url({style_images_url}/t_header_bg.jpg) repeat-x top;
        height: 31px;
}
.div {
       word-wrap: break-word; }

[calthephenom]

try breaking it up into multiple <p> tags
so like 1/4 the sentence within one <p> tag, and so forth

[dm01]

So, then ea
ch sentence
would look li
ke this?

Can we have a link for the site in question? I'm having a hard time picturing this.

[GlobalRise]

For links please contact me via AIM or MSN.

xshiftworks and shiftworks@live.com