Title: IE Css problem Last modified: August 18, 2016 --- # IE Css problem * [poper](https://wordpress.org/support/users/poper/) * (@poper) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/) * Hi, I want to add a small graphic at the end of my site ‘breadcrumb’. I’ve used this piece of code: `
where: # breadcrumb { font-size: 10px; background-color: #006699; color: white; float: left; margin: 0px; padding: 0px; } #detail { padding: 0px; margin: 0px; } It does what I need as you can see in this screenshot: [http://www.pix8.net/pro/pic/19982rvZN/80444.jpg](http://www.pix8.net/pro/pic/19982rvZN/80444.jpg) But it only works in Firefox and Opera, in IE it looks like this: [http://www.pix8.net/pro/pic/19982rvZN/80445.jpg](http://www.pix8.net/pro/pic/19982rvZN/80445.jpg) It puts a ‘blank space’ between the 2 DIVs. I’ve tried several ways to eliminate it, but i’m not good at CSS, so can you help me, please? Thanks in advance. Viewing 15 replies - 1 through 15 (of 23 total) 1 [2](https://wordpress.org/support/topic/ie-css-problem-1/page/2/?output_format=md) [→](https://wordpress.org/support/topic/ie-css-problem-1/page/2/?output_format=md) * [Beel](https://wordpress.org/support/users/beel/) * (@beel) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-84955) * If you post a link, maybe I will have a chance to check it out and play around with the css. * [serendipity](https://wordpress.org/support/users/serendipity/) * (@serendipity) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-84960) * As Beel said, it’s hard to diagnose from here. But you can do better than put your image directly in the xhtml. If you put it in the CSS, you’re sure there won’t be a gap: ` #breadcrumb { font-size: 10px; background: #006699 url('detalle. gif') no-repeat top right; color: white; float: left; height: 12px; margin: 0px; padding: 0px; padding-right: 32px; } Play with the padding to get it right. * [Root](https://wordpress.org/support/users/root/) * (@root) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-84988) * The floated element requires (one) to have its width defined and (two) without hacking it must have no borders or padding. * [serendipity](https://wordpress.org/support/users/serendipity/) * (@serendipity) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-84995) * Really, height won’t do? As for padding, etc… do you have a reference? To the original author: I forgot to add `display: inline;` to kill at least two IE bugs.( That’s a hack, though, and Root probably prefers to do it without them). You may also have to give a width, height or line-height to the floatholder. * Thread Starter [poper](https://wordpress.org/support/users/poper/) * (@poper) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-85003) * Hi, thanks. You can see it live at [http://pop-page.com/articulos/](http://pop-page.com/articulos/) which is a test site. I’m gonna try whta you said right now. Thanks again * [serendipity](https://wordpress.org/support/users/serendipity/) * (@serendipity) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-85004) * I’ll end up learning Spanish by looking at WP blogs 🙂 * [Root](https://wordpress.org/support/users/root/) * (@root) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-85006) * My reference is the inability of IE to implement the box model. Width plus padding will bork unless hacked. * [serendipity](https://wordpress.org/support/users/serendipity/) * (@serendipity) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-85008) * Hm, it’s ok in IE6 (in standards mode), and only problematic if the overall width is of any importance. Which isn’t always the case. poper: you may to edit the. giv, btw, to give it the same height as the entire float and a white background. Otherwise it might end up invisible. * [Root](https://wordpress.org/support/users/root/) * (@root) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-85009) * I do not know why you are doing this serendipity but you are wrong. A floated element requires to have its width defined. Period. * [serendipity](https://wordpress.org/support/users/serendipity/) * (@serendipity) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-85011) * Er, you might misunderstand me. I didn’t say poper shouldn’t define a width — which would be easy to do as he’d probably want one anyway. I was just asking questions… and still do — do you have a reference so that I can read up on this issue? Disclaimer: I don’t consider myselft to be a css wizard (witch?). What I wrote was just to offer poper what I’d do in his situation. If it doesn’t work right away — I’m sorry, but that’s a danger everyone is exposed to on a forum where half clued-in users suppord half-minus -a-little-bit clued-in users. My remark was based on the fact that I believe it’s better, as a rule, to put decorative images in the css instead of in the markup. * Thread Starter [poper](https://wordpress.org/support/users/poper/) * (@poper) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-85012) * I’ve just tried the CSS suggested by Serendipity and it works like a charm. Thanks all for your kind help. Gracias amigos! * [Root](https://wordpress.org/support/users/root/) * (@root) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-85013) * Not in Firefox it doesnt. * [Root](https://wordpress.org/support/users/root/) * (@root) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-85014) * W3C on the necessity for [ Width in Floats](http://www.w3.org/TR/CSS2/visuren.html#floats) * [serendipity](https://wordpress.org/support/users/serendipity/) * (@serendipity) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-85015) * That’s because your text is higher than the 12px of the .gif. Edit the image by adding some white background to the bottom. And adjust (or get rid of the) height: 12px. The .gif must be at least as high as the floating box. Yours isn’t, so the background is peeking through at the bottom if you just adjust the height. In FF, 12 px is not high enough to contain your text, so it’s cut off at the bottom. * [serendipity](https://wordpress.org/support/users/serendipity/) * (@serendipity) * [21 years, 9 months ago](https://wordpress.org/support/topic/ie-css-problem-1/#post-85016) * Thx Root. They need it because it’s in the specs, not browser behaviour as I assumed. [here](http://archivist.incutio.com/viewlist/css-discuss/3116) is a short discussion. Let’s hope for CSS3, then. Viewing 15 replies - 1 through 15 (of 23 total) 1 [2](https://wordpress.org/support/topic/ie-css-problem-1/page/2/?output_format=md) [→](https://wordpress.org/support/topic/ie-css-problem-1/page/2/?output_format=md) The topic ‘IE Css problem’ is closed to new replies. * 23 replies * 6 participants * Last reply from: [puppy18](https://wordpress.org/support/users/puppy18/) * Last activity: [21 years, 6 months ago](https://wordpress.org/support/topic/ie-css-problem-1/page/2/#post-85684) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics