Side bar is cutting off half my words

Question

My side navigation bar is cutting off half my words if they are to long, how do i get them to go onto the next line when they reach the end of the box??

This is my code that makes the side bar, if you need the CSS as well let me know.

<?php
ob_start();

$store_categories = $this->getLeftCategories();
if ($count = count($store_categories)) {

$block_title = $this->getBlockTitle();
if ( empty($block_title) ) $block_title = 'Categories';
?>
<div class="block block-left-nav">
    <div class="block-title">
        <strong><span><?php echo $this->__($block_title) ?></span></strong>
    </div>
    <div class="block-content">
        <ul id="left-nav">
        <?php
        $i=0;
        foreach ($store_categories as $_category) {
            $class = array();
            if (!$i) {
                $class[] = 'first';
            } elseif ($i == $count) {
                $class[] = 'last';
            }
            echo $this->drawOpenCategoryItem($_category, 0, $class);
            $i++;
        } ?>
        </ul>
    </div>
</div>
<?php
} 
// if ($count = count($store_categories)) {
$mdms_blocks = Mage::registry('mdms_blocks');
if ( !$mdms_blocks ) {
    $mdms_blocks = array();
} else {
    Mage::unregister('mdms_blocks');
}
$mdms_blocks['block_left_nav'] = ob_get_clean();
Mage::register('mdms_blocks', $mdms_blocks);

I have also added a pic to show you what i mean.

Thank you.

Answer 1

You need to edit your css for the side bar

Either reduce the font size of the text to fit in or increase the width of your sidebar.

Please provide the css

I will advice you further

Answer 2

i figured out this problem, all i did was set white spacing to normal - white-space:normal;