setting max-height not working

setting max-height not working

I am not able to set maximum height on the slider I am using, every height
I set doesn't seem to be working. I have also tried setting the width on
echo img row on the php part but it is not working. How do I set max
height? I want height not to be morethan 500px;
The slider height in javascript file is set to 500px;
<div style="margin:30px auto;max-width:499px;max-height:500px">
<div id="amazingslider-1"
style="display:block;position:relative;margin:16px auto ">
<ul class="amazingslider-slides" style="display:none;">
<?php
$result = $stmt->get_result();
while ($row = $result->fetch_assoc()) {
$path = 'uploaded_files/';
echo "<li>"."<img src='".$path."".$row['image_one']."'
style='width:500px;height:500px;'/></li>";
}
$mydb->close ();
?>
</ul>
<ul class="amazingslider-thumbnails" style="display:none;">
<li><img src="images/1-tn.jpg" /></li>
</ul>
</div>
</div>