Ayuda con scroll horizontal de unos enlaces

Le quito el scroll vertical, pero cuando sobrepasa el contenido el ancho k le doy lo hace mas alto en vez de ocultarse y aparecer el boton del scroll:

<code>&lt;td&gt;
&lt;div&gt;
&lt;p&gt;B&amp;uacute;squeda por Ciudad:&lt;/p&gt;
&lt;/div&gt;
&lt;div align="center" style="background: transparent; border: inset; width:35px; height:20px; overflow-x: scroll; &gt;
&lt;a href="www.terra.es"&gt;jose&lt;/a&gt;
&lt;a href="www.as.com"&gt;juan&lt;/a&gt;
&lt;a href="www.terra.com"&gt;jose miguel&lt;/a&gt;
&lt;a href="www.as.com"&gt;juanito argjl&lt;/a&gt;
&lt;/div&gt;
&lt;/td&gt;</code>

Tambien me gustaria haber si me decis como variar el diseño de la tipica barra esta de scroll.
Un saludo y gracias.