[kNeo]

Can't center floats... also that code is crazy >.>;;

here try this:

stick this in additional.css for the mobile styles (if one mobile style is a parent of the rest, modify that parent's additional.css and footer templates), or you can stick it in inline right before the html by sticking it in between <style> CSS HERE </style>

.mobile-style-change {text-align:center;}
.mobile-style-change li { display:inline-block;}
.mobile-style-change li a {padding:13px;display:block;}

#blue {background:#43A6DF;}
#green {background:#189900;}
#orange {background:#E66B1B}
#purple {background:#603CBB}
#maroon {background:#B21A41}
#lightgreen {background:#82BA1B}
#grey {background:#808080}
#darkyellow {background:#E2A600}
#teal {background:#169EAB}
#pink {background:#C71585}

actual html:

<div style="font-size:8px;color:#777;margin-bottom:8px;border-bottom: 3px dashed #43A6DF;padding-bottom:30px;width:95%;">Change Style:

<ul class="mobile-style-change">
<li id="blue"><a href="http://www.talkjesus.com/index.php?styleid=199"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li>
<li id="green"><a href="http://www.talkjesus.com/index.php?styleid=200"><img src=http://"www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li>
<li id="orange"><a href="http://www.talkjesus.com/index.php?styleid=201"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li>
<li id="purple"><a href="http://www.talkjesus.com/index.php?styleid=202"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li>
<li id="maroon"><a href="http://www.talkjesus.com/index.php?styleid=203"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li>
<li id="lightgreen"><a href="http://www.talkjesus.com/index.php?styleid=204"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li>
<li id="grey"><a href="http://www.talkjesus.com/index.php?styleid=205"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li>
<li id="darkyellow"><a href="http://www.talkjesus.com/index.php?styleid=206"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li>
<li id="teal"><a href="http://www.talkjesus.com/index.php?styleid=207"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li>
<li id="pink"><a href="http://www.talkjesus.com/index.php?styleid=208"><img src="http://www.talkjesus.com/clear.gif" width="30" height="10" alt="" /></a></li>
</ul>
<br /></div>

looks like this: http://beta.kupatrix.com/test2.html