[CSS] UL in t midden en cleared aan 2 kanten

Hoi

Heb een list gemaakt als page navigatie.
Zie http://images.jouwmoeder.nl/Feestje_Bart_18/
De lijst werkt netjes, maar door de float:left property/value wordt het volgende element (NA <div class="pagenav">) ook nog er aan geplakt. Ook al staat er een clear:both property/value in de DIV en de UL.

Dat is probleem 1. In IE is dit probleem niet aanwezig :| Vreemd dat IE het goed doet en FF fout :) Misschien is het wel niet fout, maar het is wel erg erg vreemd. Als ik de borders kleur van de DIV en de UL is het helemaal een apart feestje!

Probleem 2 is dat ik met geen mogelijkheid de UL in het midden krijg (in zn geheel). Zelfs niet met <center> tag, zie http://images.jouwmoeder.nl/Feestje_Bart_18/?image=0 waar <center class="pagenav"> als container wordt gebruikt ipv div.

Heb alles geprobeerd dat ik van css weet... Er is vast nog meer :) Maar ik kom er niet op.
Vooral dat float gebeuren is HEEL vervelend!! Het volgende element (<table> of <p>) wordt naast de list geknald, ipv eronder.

Ik dacht dat clear:both; in de list zou voorkomen dat er iets naast zou hangen, maar dat heb ik blijkbaar mis.

Bvd
T