<DIV> resizing with Variables

So I got this <DIV>:

[CODE]<DIV style=”position:absolute;width:188px;height:16px;z-index:4″ align=”left”>
<FONT style=”FONT-SIZE:10pt” color=”#000000″ face=”Arial”>Concurs 1</FONT></DIV>[/CODE]

Now, I also have this script:

[CODE]<SCRIPT language=”JavaScript” type=”text/javascript”><!–
var X = 500;
var Y = 500;
function Smaller() {
X = 200;
Y = 200;
}
function Normal() {
X = 500;
Y = 500;
}
//–></SCRIPT>[/CODE]

Now, what I want to do, is to make the width from the DIV to be X and the height from the DIV to be Y, so I can assign certain buttons in the site with the Normal()/Smaller() functions.
I want it in the end to be smthing like this (of course, this is wrong:

[CODE]<DIV style=”position:absolute;width:Xpx;height:Ypx;z-index:4″ align=”left”>
<FONT style=”FONT-SIZE:10pt” color=”#000000″ face=”Arial”>Concurs 1</FONT></DIV>[/CODE]

How can I do that?
Also, I wanna do smthing like this for changing the text’s size, so tell me how to do that one too.

Thank you in advance

Also in #JavaScript _↴