audio player size different in ie8 and 7
===

I am using mediaelement.js just as an audio player and using jquery to set size and width, problem is when i view page in ie8 or ie7 the height is not working.

this is the jquery

    $('audio').mediaelementplayer({    
		// if the <video width> is not specified, this is the default    
		audioWidth: 170,    // height of audio player    
		audioHeight: 20,    // initial volume when the player starts    
		startVolume: 0.8,    // useful for <audio> player loops    
		loop: false,    // enables Flash and Silverlight to resize to content size    
		enableAutosize: true,    // the order of controls you want on the control bar (and other plugins below)    
		features: ['playpause','progress'],    // Hide controls when playing and mouse is not over the video    
		alwaysShowControls: false,    // force iPad's native controls    
		iPadUseNativeControls: false,    // force iPhone's native controls    
		iPhoneUseNativeControls: false,     // force Android's native controls    
		AndroidUseNativeControls: false,    // forces the hour marker (##:00:00)    
		alwaysShowHours: false,    // show framecount in timecode (##:00:00:00)    
		showTimecodeFrameCount: false,    // used when showTimecodeFrameCount is set to true    
		framesPerSecond: 25,    // turns keyboard support on and off for this instance    
		enableKeyboard: false,    // when this player starts, it will pause other players    
		pauseOtherPlayers: true,    // array of keyboard commands    
		keyActions: [] });
	});

[this is the page][1]

i am stumped by this and have tried to find out why the height is not setting.

any help would be much appreciated
  [1]: http://www.yaketyyak.co.uk/newpages/boys2.asp?id=368&voicetype=All