IE 6 'display:block' problem

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
i am creating a simple image map & my HTML code is ..

  <style type="text/css">
  #main-box {
  position: relative;
  top: -248px;
  left: 130px;
  background-color: none;
  display: block;
  width: 93px;
  height: 17px;
  <div id="main-box" style="border: 1px solid #000000">
    <div class="map">
            <img src="./map.gif" type="image/gif" usemap="#map1"
            <a href="#" class="us"><img src="./united-states.gif" ></
        <map name="map1">
               <area alt="" shape="poly"
coords="83,119,124,123,196,131" href="#">

it's working fine for all he browser ecxept IE 6
On IE 6 it takes some additional space at the bottom of the map image
I tried placing text insted of image for <a> it works fine
also if i remove display:block it works fine , but can't remove it ...
(on IE 7 also it works fine)

Is it IE 6 problem...?  i am going wrong somwhere...??
or is there any substitute for 'display:block' ...??
plz help.......

Thanks ,

Re: IE 6 'display:block' problem wrote:
Quoted text here. Click to load it
  Post an URL to a test case.
Quoted text here. Click to load it
  If the posted code is your complete page, you are missing a DTD
(doctype), and a <title>. HTML Strict is appropriate. Otherwise browsers
switch a Quirks mode where all sorts of unusual behavior happens.

jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Site Timeline