Javascript 如何在<；中插入图像；李>；标签宽度获取<；李>；标签换了？

我有这个移动菜单：

如您所见，带有图像的

标记会使底部略微展开，而

标记中没有任何图像的“装箱”则不会。
我尝试将“
height:27px
”添加到
标记中。工作得很好。问题是，当单击图像时（在
中打开一个子菜单），当定义高度时，它不会展开

这是html列表项的外观：

                <ul class="sports">
                    <a href="#" >
                        <li url="http://google.com">NFL
                            <img src="strokesmenu.jpg"   id="sub-menu" />
                            <ul class="sports2">
                                <a href="#" class="selected">
                                    <li>Superbowl</li>
                                </a>
                            </ul>
                        </li>
                    </a>

// one without an image: 

                    <a href="#"><li> Boxing</li></a>

为图像设置最大高度，这样图像就不会比li更大

li > img{
max-height:100%;
}

我希望它能工作
使用背景图像，这会更具语义？只要在单击菜单时将高度更改为“自动”，它就会随着新显示的内容展开，并在菜单关闭时更改回27px使用javascript执行此操作…尝试在div中使用背景图像而不是标记。没有相同的间距。使用“高度：自动”不起作用，并保持原样。这就是
背景位置的作用，但我不能在LI背景上使用它-它是一个打开子项列表的按钮。.我稍后会尝试：）不起作用：（我试过了.sports LI>img{max height:100%；}我也是。再看一次你的帖子，你想尝试另一件事，而不是100%给最大高度27px，或者你的li在不扩展时会是什么尺寸。
li > img{
max-height:100%;
}