Верстаю такой макет
Футер прижат к низу страницы, в футере два дива, один прижат к левому краю, другой к правому. Не получается задать правильное позиционирование для правого дива. Код такой
<body>
<div id="header"></div>
<div id="content"></div>
<div id="footer">
<div id="1">
<p>text</p>
</div>
<div id="2">
<p>text</p>
</div>
</div>
</body>
стили
body {
background: #FFFFFF;
color: #000000;
font-family: Arial, sans-serif;
max-width: 210mm;
width: 210mm;
max-height: 297mm;
height: 297mm;
position: relative;
}
div#content {
padding:0 10mm 20mm 10mm;
}
div#footer {
height: 15mm;
position: absolute;
bottom: 0;
padding:0 10mm;
color: #808080;
}
div#1 {
float: left;
font-size: 10pt;
}
div#2 {
font-size: 7pt;
position: absolute;
}
Правый див накладывается на левый. Подскажите, как задать правильное позиционирование для второго дива, чтобы он был прижат к правому краю?