✔ padding-right funktioniert nicht

[faithy9]

Hallo liebe Leute,

ich habe schon das Internet und dieses Forum durchforstet, finde aber keine Lösung.

Ich bin dabei mit Wordpress ein Theme zu erstellen. Alles hat bis jetzt gut geklappt, bis auf das padding-right in der main_m DIV-Box und in der sidebar_m DIV-Box.

Hier der Code der Index:

<?php get_header(); ?>

    <div id="main">
    <div id="main_o"></div>
    <div id="main_m">
		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
         <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
         <div class="entry">
         <?php the_content(); ?>
         </div>
         <?php endwhile; ?>
        
         <p align="center"><?php next_posts_link('&laquo; &Auml;ltere Eintr&auml;ge') ?>  <?php
        previous_posts_link('Neuere Eintr&auml;ge &raquo;') ?></p>
       
         <?php endif; ?>
    </div>
    <div id="main_u"></div> 
    </div>
    
    <div id="sidebar"> 
    <div id="sidebar_o"></div>
    <div id="sidebar_m">
    
    	<?php get_sidebar(); ?>
    </div>
    <div id="sidebar_u"></div>
    </div>
    
<?php get_footer(); ?>

Der Code der style.css:

body {}



#wrapper {width: 850px; margin: auto; text-align: left; }

#header {height: 162px; padding: 20px;}
#header_o {background-image: url(Slices/header_o.gif); background-repeat:no-repeat; width: 850px; height: 112px;}
#navibar { width: 850px; height: 50px;}
#header_ul {background-image: url(Slices/header_ul.gif); background-repeat:no-repeat; width: 425px; height: 100%; float:left;}
#header_um {background-image: url(Slices/header_um.gif); background-repeat:no-repeat; width: 188px; height: 100%; float:left;}
#header_ur {background-image: url(Slices/header_ur.gif); background-repeat:no-repeat; width: 237px; height: 100%; float:left;;}

#main {width: 580px; float: left;}
#main_o {background-image: url(Slices/main_o.gif); background-repeat:no-repeat; width: 100%; height: 30px;}
#main_m {background-image: url(Slices/main_m.gif); background-repeat:repeat-y; width: 100%;  padding: 10px 100px 10px 10px;}
#main_u {background-image: url(Slices/main_u.gif); background-repeat:no-repeat; width: 100%; height: 26px;}

#sidebar {width: 270px; padding: 0px; padding-top: 0px; float:right}
#sidebar_o {background-image: url(Slices/sidebar_o.gif); background-repeat:no-repeat; width: 270px; height: 30px;}
#sidebar_m { background-image:url(Slices/sidebar_m.gif); background-repeat:repeat-y; width: 270px; padding: 10px 10px 10px 10px;}
#sidebar_u {background-image: url(Slices/sidebar_u.gif); background-repeat:no-repeat; width: 270px; height:24px;}

#footer {clear: both; height: 100px; padding: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

Und zu guter letzt noch ein Screenshot, auf welchem man das Problem recht gut erkennt:



Schonmal vielen Dank für Eure Hilfe!