Click here to Skip to main content
11,715,425 members (80,924 online)
Rate this: bad
Please Sign up or sign in to vote.
See more: CSS
Found this cool little tutorial for styling drop down menus using CSS. You can change everything about the box - border, font, background colour etc including the drop down arrow. Ive made a custom drop down arrow to suit the style of the site. It all works fine in Chrome, Safari and Firefox. On Opera the box style remains but the arrow reverts back to the default. I can live with this.

However are good ole friend Internet Explorer is the problem. It also reverts back to the default arrow but a portion of my custom built arrow is visible underneath the the default arrow.

Anyone any ideas on how I can fix this? Tested version is IE 9

Here's a link code & css:[^]

And some screenshots of the different browsers:[^]
Posted 19-Oct-12 4:20am
Edited 19-Oct-12 5:33am
(no name)461.4K
Richard MacCutchan at 19-Oct-12 11:34am
Please ensure you make your links clickable, as I have done above, using either the link or [^] clickety above the edit window.
Sergey Alexandrovich Kryukov at 19-Oct-12 12:53pm
OP did it; I appreciate it so much that I voted 5 for the question.
Richard MacCutchan at 19-Oct-12 13:03pm
No, I did it.
Sergey Alexandrovich Kryukov at 19-Oct-12 14:13pm
Well thank you; but it was my mistake...
Sergey Alexandrovich Kryukov at 19-Oct-12 12:53pm
Finally, someone asks a question in a nice and comprehensive way; I voted 5.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Sergey Alexandrovich Kryukov 485
1 Richard MacCutchan 275
2 Maciej Los 259
3 ManasKumarM 155
4 Frankie-C 125
0 Sergey Alexandrovich Kryukov 785
1 CHill60 415
2 Richard MacCutchan 405
3 Maciej Los 389
4 OriginalGriff 320

Advertise | Privacy | Mobile
Web03 | 2.8.150901.1 | Last Updated 19 Oct 2012
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100