I have the following code for a Menu and if the site is open in screen with a different screen resolution the Menu doesn't adapt to
the screen resolution because the padding is defined in pixels.
How could I do to define in % or any other way to have my menu adapting to the screen resolution?
Thank you very much
<Module><ModulePrefs /><Content type="html"><![CDATA[<!DOCTYPE html><base target="_parent"><style type="text/css">
body {margin:0; padding:0; margin-
table {border-collapse:collapse;}
table, td {padding:0; border:1px solid #094FA4;}
a {display:block; background-color:#094FA4; padding:18px 25px; text-decoration:none; outline:none;}
a:hover, a:focus {background-color:#063062;}</style><table><tr><td><a href=""><font color="white">Home</font></a></td><td><a href=""><font color="white">Section1</font></a></td></tr></table>
]]></Content></Module>