Здравствуйте уважаемые программисты. Есть код который выводит из БД записи постранично:

include_once "db.php";
$per_page=5;
if (isset($_GET['page'])) $page=($_GET['page']-1); else $page=0;
$start=abs($page*$per_page);
$select="SELECT * FROM XXXXX WHERE activate = '1' ORDER BY `XXXXX2` DESC LIMIT $start,$per_page";
$result=mysql_query($select);

$select="SELECT count(*) FROM `XXXXX`";
$result=mysql_query($select);
$row=mysql_fetch_row($result);
$total_rows=$row[0];
$num_pages=ceil($total_rows/$per_page);

Проблема в этом коде, который показывает текущую страницу и ссылки на остальные:

for($i=1;$i<=$num_pages;$i++) {
    if ($i-1 == $page) {
        echo $i. " ";
    }
    else {
        echo '<a href="'.$_SERVER['PHP_SELF'].'?page='.$i.'">'.$i."</a> ";
    }
}

Все работает отлично (в частности номера страниц отображаются как положенно). Но когда я $i заключаю в <div> в 1 и 2 случае, для красивого отображения на экране (страница на которой находится юзер в белой обводке с красным background, страница со ссылкой просто в белой обводке без background), то номера страниц начинают отображаться коряво. При переходе на вторую страницу цифра 1 (первая стр.) перескакивает направо а цифра 2 (вторая стр.) налево, то есть они меняются местами. Вопрос весь в том: как по человечески оформить CSS- ом, что бы ничто никуда не уезжало при переходе на последующие страницы?