#wrapper{ margin:auto; height:260px; overflow:hidden; } .search-box{ bottom: 0; } *html .search-box{ bottom: 19px; } ]]> #wrapper{ margin:auto; height:500px; overflow:hidden; } .search-box{ top: 500px; border-bottom:1px solid #ababab; } *html .search-box{ top: 470px; } ]]> html,body{ border:0;padding:0; text-align:center; /*background:#eeeeee;*/ } #header{ color: #FFF; margin: 0; font-size: 12px; font-weight: normal; padding: 3px 26px; background: #113b92 url('http://tfl.gov.uk/tfl/syndication/widgets/images/roundel-header.gif') center left no-repeat; text-align: left; text-indent:-999em; } #targetBox{ border:2px solid #00b3f0; position:absolute; z-index:3; left:0px; top:0px; display:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Tube map CSS */ #tubemap{ position: relative; /* The combination of these two */ overflow: hidden; /* triggers a bug in Firefox 1.0 */ width: 100%; height: 100%; z-index: 10; margin: 0px; } #mapzoom1, #mapzoom2{ position: relative; z-index: 1; } #mapzoom2{ left: -555px; top: -381px; width: 1650px; height: 1117px; background-repeat: no-repeat; } #mapzoom2 img{ cursor: move; border:1px solid #ababab; } .search-box{ background: #F7F7F7 url('http://www.tfl.gov.uk/tfl-global/images/grey-panel-header.gif') repeat-x; position: absolute; left: 0; width: 100%; padding: 4px !important; z-index: 100; } *html .search-box{ bottom: 19px; } .search-box form{ margin-bottom: 0 !important; text-align: center; }
Transport for London tubemap
]]>