相关疑难解决方法(0)

我正在努力为地图添加菜单.菜单工作正常,但我注意到无论CSS应用于菜单,左边总是有填充.填充似乎起源于(-webkit-padding-start:40px;)并且它不想消失.我试图用它0 !important;做什么来覆盖它.

谷歌搜索后发现:

-webkit-padding-start:40px; IE和Firefox应该是什么？

但无法找到关于如何覆盖或使其消失的任何其他内容.我需要在菜单中一直有左边的项目.

附件是截图,绿色区域是我所说的,你可以看到样式-webkit-padding-start:40px;

我有以下片段在悬停时切换填充(请参阅此处的示例):

<div id="outer"><div id="inner"></div></div> 
<script> 
  $("#inner").mouseenter(function () {
    $("#outer").animate({ 'padding' : '20px' }, "slow");
  });
  $("#inner").mouseleave(function () {
    $("#outer").animate({ 'padding' : '0px' }, "slow");
  });
</script>

目标是使填充内部和外部都有动画,但是当前没有动画显示动画.我做了一些测试,如果我将假填充更改为10像素(从0像素),它会运行动画,但从零开始并向外动画.我正在运行jQuery 1.4.3.有任何解决这个问题的方法吗？