Ho necessità di centrare in una pagina dei box "flottoanti" questo è il codice;

<style type="text/css">
body{background:#FFF;color:#333;font:70%/1.3 Tahoma,Arial,sans-serif}
p{margin:0 0 1.2em}

div.modular{overflow: hidden;
background: url(boxBk.png) repeat-x bottom left;
padding-bottom: 15px;margin-bottom: 10px}

div.m1{width: 180px}
div.m2{width: 360px}
div.m3{width: 540px}
div.m4{width: 720px}

div.modular div{
float: left;width:150px !important; width /**/:180px;
background: url(boxBk.png) repeat-x top left;
padding: 15px 15px 0}
</style>

al codice scritto segue la parte DIV,

vorrei appunto centrare nella pagina questi box che attualmente sono posizionati a sinistra

grazie