Question

i have define the following insdie my .css file to display a dash line in my footer:-

.dash{
border-style:dashed ;
border-width:2px;
border-color:#322f32;
} 

then on the footer i have addedd the folloiwng:-

<hr/ class="dash">

The dash line will be displayed well on internet explorer but it will not be displayed well on firefox ,, so what is the reason behind this ,,, and is it safer to have this dashed line as an image inside?
BR

Answer 1

Perhaps your are trying to achieve something like:

See this Fiddle Example!

CSS

.dash{
  border: 0 none;
  border-top: 2px dashed #322f32;
  background: none;
  height:0;
} 

HTML

<hr class="dash" />

To have it equal on all browsers.

The <hr /> comes with some default values depending on the browser, and to an equal presentation on all browsers, you need to reset those values.