div tag height problem in firefox

I am developing my site using css.no table tags are used .developed using div and ul ,li tags.
I have a site which is working perfectly fine in ie6 and ie 7 but it is not showing me proper layout in firefox.

I am increasing height of left side navigation using JavaScript on click of technology option in top menu.
Menu is display correctly in firefox. But when I am writing

document.getelementbyid("sidenav").style.height=465;

It is showing me error in firefox that

document.getElementById("sidenav") has no properties

How to adjust div tag height using JavaScript in firefox.

Below is the url of that page:

http://yourwebsitepreview.com/tickboxdb.com/newindex.asp

And footer div tag is coming in header..........

Is their any other way to do this...?
dotsandcomsAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

jawahar_prasadCommented:
Try this..

document.getelementbyid("sidenav").style="height:465";
0
jawahar_prasadCommented:
ignore that...

TRY THIS

<html>
<head>
<title>Untitled Document</title>
<script language="javascript">
function fn()
{
document.getElementById("sidenav").style.height="465";
}
</script>
</head>

<body>
<div id="sidenav" style="background-color:#000099;">asdasdasd</div>
<a href="#" onclick="fn()">Click</a>
</body>
</html>

"getelementbyid"  property is CASE SENSITIVE, It should be "getElementById"
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
TNameCommented:
I can't find any "sidenav" element. There is a ul with the id "subNav".
You are trying repeatedly to access it with
document.getElementById("subnav") - all lower case...

but it should be

document.getElementById("subNav")    //  "subNav" with an uppercase "N"
0
Dale BurrellDirectorCommented:
I believe that according to the standards it requires units e.g.

document.getElementById("sidenav").style.height='465px';
0
Dale BurrellDirectorCommented:
And yes - definitely need to get the ID's correct as they are case sensitive - assume everything is case sensitive and you'll never have to worry.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Browsers

From novice to tech pro — start learning today.