съезжает powered by - Вопросы по CSS

#syndicate{
	float:right;
	padding-left: 0px;
	padding-right: 25px;
}

#power_by{
	float:left;
	padding-right: 0px;
	padding-left: 25px;
}

                                        <p id="syndicate">
                                        <jdoc:include type="modules" name="syndicate" />
                                        </p>
                                        <p id="power_by">
                                          <?php echo JText::_('Сайт')?> <a href="http://www.site.ru">сайт</a>
                                        </p>

            <p id="syndicate">
                                        <jdoc:include type="modules" name="syndicate" />
                                       <?php echo JText::_('Сайт')?> <a href="http://www.site.ru">сайт</a> 
</p>
                                        <p id="power_by">
                                          
                                        </p>

<div id="syndicate">
            <div id="power_by"><?php echo JText::_('Сайт')?> <a href="http://www.site.ru">сайт</a></div> 
            <div id="bottom_menu"><jdoc:include type="modules" name="syndicate" /></div>
</div>

#syndicate {
position:relative;
width:100%;
}

#bottom_menu {
position:relative;
float:right;
margin-left:100px;
}

#power_by {
position:relative;
float:left;
width:100px;
}

<div id="syndicate">
      <div id="bottom_menu"><jdoc:include type="modules" name="syndicate" />
      </div>
</div>
<div id="power_by">
     <?php echo JText::_('Сайт')?> <a href="http://www.site.ru">сайт</a>
</div>

#bottom_menu {
position:relative;
float:right;
margin-left:400px;
}